:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}a.anchor{display:block;position:relative;top:-100px;visibility:hidden}.icon-link{margin-left:10px}.icon-link svg{max-width:40px}.icon-link .sr-only{display:none}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.section{max-width:820px;margin:40px auto;padding:2rem}.section.opaque{background:#24242477;text-shadow:1px 1px 3px #131313;box-shadow:0 0 15px #24242477}.top-nav{position:fixed;top:0;left:0;width:100%;background-color:#131313;z-index:1}.top-nav a{margin-top:5px;display:block}.top-nav nav{max-width:920px;margin:0 auto;padding:16px 22px;display:flex;justify-content:space-between;font-size:1.2em}.top-nav nav .mail-button{margin-top:0;border:solid 2px;padding:4px 8px;border-radius:2px}.top-nav nav .nav-links{display:flex;justify-content:space-between;gap:25px}@media (max-width: 570px){.top-nav nav .hide-min{display:none}}#top-gl-canvas{position:absolute;top:0;left:0;width:100vw;height:100vw;max-width:100%;z-index:-1}@media (max-width: 800px){#top-gl-canvas{height:130vh}}.hero-content{margin-top:300px;margin-bottom:180px}@media (max-width: 900px){.hero-content{margin-top:200px;margin-bottom:120px}}.about h2{font-size:2em}.about p{font-size:1.2em}.experience-border h3{margin-bottom:4px}.experience-border em{font-size:.9em;font-style:italic;font-family:sans-serif}.experience-border em,.experience-border p{margin-left:6px}.experience-border p{margin-bottom:2px}.experience-border li{margin-bottom:10px}@media (min-width: 720px){.experience-border{border-left:1px solid white;padding-left:44px;margin-left:-16px}}div.project-section{max-width:1020px;margin:140px auto}@media (max-width: 720px){div.project-section{margin:40px auto}}div.project-section h2{margin-left:20px;max-width:820px;margin-bottom:50px}@media (max-width: 430px){div.project-section h2{margin-left:0;font-size:1.3rem}}.project-grid{display:grid;grid-template-columns:auto auto auto;gap:40px}@media (max-width: 980px){.project-grid{grid-template-columns:auto auto}}@media (max-width: 520px){.project-grid{grid-template-columns:1fr;gap:34px}}.project-grid .project{position:relative;padding:0 0 0 24px;border-left:2px solid;color:#ffffffde;overflow:hidden}.project-grid .project h3{transition:.15s}.project-grid .project h3 em{position:relative;top:-2px;left:4px;transition:.15s}.project-grid .project .light-up{position:absolute;top:-10%;left:-10%;width:120%;height:120%;opacity:0;transition:.15s;background-color:#fff}.project-grid .project:hover em{top:-5px;left:6px}.project-grid .project:hover .light-up{opacity:.05}.project-grid .project:hover h3{color:#646cff}.skills h2{text-align:center}.skills .wrapper{display:flex;justify-content:center;flex-wrap:wrap;margin:auto}.skills .wrapper img{margin:25px 10px}.skills .frameworks img{max-width:100px}.skills .languages img{width:60px}.skills .tools-platforms img{max-width:50px}@media (max-width: 865px){.skills .languages,.skills .tools-platforms{max-width:475px}}.contact{background-color:#131313}.contact .section{margin-bottom:0;background:#131313;display:flex;gap:24px;padding:8px;justify-content:center}.contact .section .icon-link{width:30px;margin-top:15px;margin-left:0}@media (max-width: 425px){.contact .section{gap:16px}}@media (max-width: 400px){.contact .section{font-size:.8rem}.contact .section .icon-link{margin-top:10px}}