#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.navbar__wrapper{display:flex;justify-content:space-between;padding:0 5%;text-align:left}.navbar__heading{font-size:2.5rem}.navbar__name__link{color:inherit;text-decoration:none;font-weight:inherit}.navbar__name__link:hover{color:inherit;text-shadow:0 0 3px rgba(255,255,255,.4)}@media (max-width: 768px){.navbar__wrapper{flex-direction:column;align-items:center;padding:0 5% 2.5%}.navbar__heading{margin:0 auto}}.navbar__links{display:flex;align-items:center;justify-content:center;padding:0;margin:max(1rem,2vw) 0}@media (max-width: 768px){.navbar__links{gap:1em}}.navbar__links a{color:#fff;text-decoration:none;font-size:1.125rem;font-weight:500;transition:all .3s ease}.github__logo{font-size:1.75rem!important}.navbar__links a:hover,.navbar__links a.active{color:#646cff}.navbar__links a.active:hover{color:#535bf2}.navbar__links li{list-style:none}@media (min-width: 768px){.navbar__links :not(:last-child) a:after{content:"";display:inline-block;width:3px;height:3px;background:#fff;border-radius:50%;transition:width .3s;position:relative;bottom:.2rem;margin:0 .5rem}}@media (prefers-color-scheme: light){.navbar__links a{color:#213547}.navbar__links :not(:last-child) a:after{background:#213547}}.home{will-change:transform}h2{animation:slow-fade .75s ease-in-out}.emoji{display:inline-block;cursor:default}.tools:hover{animation:flip 1s;animation-fill-mode:forwards}.airplane{display:inline-block;transition:transform .5s ease,opacity .5s ease}.airplane:hover{transform:translate(75px,-50px) rotate(30deg) scale(.7);opacity:0}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);row-gap:2rem;justify-items:center;align-items:center;padding:1rem;max-width:780px;margin:0 auto;animation:slow-fade .5s ease-in-out}.tech-item{text-align:center;max-width:120px}.tech-grid img.hover-animate{animation:float 1s cubic-bezier(.455,.03,.515,.955) infinite;animation-fill-mode:both}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (prefers-color-scheme: dark){.tech-grid img:is(.switch-colors){filter:invert(1)}.tech-grid img:not(.switch-colors):hover{filter:brightness(1.2)}.tech-grid img{filter:drop-shadow(3px 9px 4px rgba(0,0,0,.3))}}@media (prefers-color-scheme: light){.tech-grid img:not(.switch-colors):hover{filter:brightness(1)}}@media screen and (max-width: 1024px){.tech-grid{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width: 600px){.tech-grid{grid-template-columns:repeat(2,1fr);row-gap:1.5rem}}.home-intro{text-align:left;padding:0 0 1% 5%}.greeting{font-weight:600;margin:0}.home-intro{animation:move-in-left .5s ease-in-out}.skills-row{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.25rem}#work{animation:slow-fade .5s ease-in-out}.text-block,.skills-row{opacity:0;transform:translate(-50px);animation:slideInLeft .2s ease-out forwards}.concentric-circle{width:12px;height:12px;border:2px solid #b0b2b5;border-radius:50%;display:flex;align-items:center;justify-content:center}.concentric-circle:after{content:"";width:6px;height:6px;background-color:#b0b2b5;border-radius:50%}.concentric-circle.blue{border:2px solid #b9dcfc}.concentric-circle.blue:after{background-color:#b9dcfc}.ladder-line.short-top{height:8px;top:-3px;width:2px;background-color:#d9d9d9}.filled-circle{width:12px;height:12px;background-color:#b0b2b5;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.ladder-line{bottom:0!important}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@media (max-width: 767px){.skills-row{display:none}}.heading{margin:auto}.subheading{margin:1.25em auto 1em;font-weight:400}.subheading.two{margin-top:1.5em}.projects__container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1200px;gap:2rem}.projects__container>*{animation:move-in-left .5s ease-out;animation-fill-mode:backwards}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact__contact-heading{margin:0}.contact__mail-message{font-weight:300;margin-top:1.5rem;margin-bottom:-1.15rem;animation:move-in-left .25s ease-in-out}.contact__contacts-grid{margin:0;padding:0;animation:show-from-top .35s ease-in-out}@media (max-width: 768px){.contact__mail-message{font-size:1.35rem}}.contacts-lister{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:2.35rem}.contacts-lister-item{width:275px;height:275px;border:1px solid #ccc;text-align:center;position:relative;cursor:pointer}.contacts-lister-item.mail{width:290px;height:290px;cursor:alias}.contacts-lister-item:hover{filter:brightness(1.2);transition:all .05s ease-in-out}.contacts-lister-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.3);pointer-events:none}.secondary-contacts-heading{font-weight:400}.secondary-contacts{display:flex;align-items:center;justify-content:space-between;gap:1rem}.github,.linkedin{width:250px;height:250px}@media (max-width: 768px){.contacts-lister{display:flex;flex-direction:column;align-items:center;justify-content:center}.secondary-contacts{flex-direction:column;justify-content:center;gap:1.5rem}.github,.linkedin{width:200px;height:200px}.contacts-lister-item.mail{width:250px;height:250px}.secondary-contacts-heading{font-size:1.1rem;margin-top:1.1em;margin-bottom:.75em}}.mail-form{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:300px;font-size:larger;text-align:left;animation:move-in-left .35s ease-in-out}.mail-form-item{display:flex;padding-bottom:.5rem;gap:.4rem;flex-direction:column;font-weight:500}input[type=text],textarea{background:#2c2c2c;border:1px solid #ada6a6;border-radius:3.5px;padding:.5rem;font-size:1.2rem;font-weight:300}textarea{resize:vertical;min-height:100px}.mail-form-buttons{display:flex;justify-content:center;gap:.5rem;width:95%;margin-top:.2rem}.mail-form-submit{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#fff;color:#2c2c2c;font-size:1.2rem;font-weight:500;cursor:pointer}.mail-form-submit:hover{filter:brightness(.9);transition:filter .1s ease-in-out}.mail-form-submit:disabled{background-color:#9a9898;color:#2c2c2c;cursor:not-allowed}.mail-form-cancel{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#2c2c2c;color:#fff;font-size:1.2rem;font-weight:500;cursor:pointer}.mail-form-cancel:hover{outline:1px solid #fff;transition:all .05s ease-in-out}.confirmation-message{display:flex;justify-content:center;align-items:center}@media (prefers-color-scheme: light){.mail-form-item{color:#2c2c2c}input[type=text],textarea{background:#fff;border:1px solid #2c2c2c}.mail-form-submit{background-color:#000;color:#fff}.mail-form-cancel{background-color:#2e2929;color:#fff}.mail-form-submit:disabled{background-color:#9a9898;color:#2c2c2c}}.mail{display:flex;flex-direction:column;align-items:center}.mail-heading{margin-bottom:1.2rem;animation:fade-in .35s ease-in-out}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes move-in-left{0%{opacity:0;transform:translate(-2.5%)}to{opacity:1;transform:translate(0)}}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes slow-fade{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes show-from-top{0%{opacity:0;transform:translateY(-2.5%)}to{opacity:1;transform:translateY(0)}}