*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Victor Mono,monospace}.navbar{display:flex;justify-content:flex-end;position:fixed;width:100%;height:5%;color:#e2e8f0}.navbar-links{list-style-type:none;display:flex;margin:0;margin-right:2rem;padding:1rem;gap:1rem}.navbar-links a{text-decoration:none;color:#e2e8f0}.navbar-links a:visited{color:#e2e8f0}.navbar-links a:hover{color:orange}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#171923;color:#e2e8f0}.box-wrapper{display:flex;flex-direction:column;align-items:flex-end}.name{font-size:clamp(2.5em,10vw,12rem)}.home-contacts{display:flex;gap:1rem;align-self:flex-end;margin-right:5%;font-size:1.8em}@media (max-width: 768px){.home-contacts{gap:.8rem;font-size:1em}}.email-copy{cursor:pointer;min-width:max-content}.color-change{color:#e2e8f0}.color-change span:nth-child(2n){animation:evenLetters 80s ease-in-out infinite}.color-change span:nth-child(odd){animation:oddLetters 80s ease-in-out infinite}@keyframes evenLetters{0%{color:#e2e8f0}75%{color:#e2e8f0}80%{color:#001f3f}90%{color:#001f3f}95%{color:#e2e8f0}to{color:#e2e8f0}}@keyframes oddLetters{0%{color:#e2e8f0}75%{color:#e2e8f0}80%{color:#7fdbff}90%{color:#7fdbff}95%{color:#e2e8f0}to{color:#e2e8f0}}.home-contacts a{text-decoration:none;color:#e2e8f0}.home-contacts a:visited{color:#e2e8f0}.home-contacts a:hover{color:orange}.about{background-color:#a3a9ce;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about h2{margin-bottom:20px;margin-top:10px}.about p{margin-bottom:30px}.resume{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px 48px;max-width:1000px;margin:0 auto;padding:20px}.section-column{display:flex;flex-direction:column}.section-title{text-transform:uppercase;font-weight:700;font-size:18px;border-bottom:2px solid #9F7AEA;display:inline-block;padding-bottom:2px;margin-bottom:16px}.section-items{display:flex;flex-direction:column;height:100%}.content-item{margin-bottom:24px}.content-item h3{font-size:20px;font-weight:700;margin-bottom:4px;color:#d3d3d3}.content-item p{font-style:italic;font-size:12px}.cv{padding:40px 20px;background-color:#4c3750;color:#e0e0e0}@media (max-width: 900px){.resume{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.resume{grid-template-columns:1fr}}
