@import "https://fonts.googleapis.com/css2?family=Jersey+25&display=swap";*,:before,:after{margin:0;padding:0;font-family:"Jersey 25",sans-serif}.webgl{position:absolute;top:0;left:0}::-webkit-scrollbar{display:none}h1{font-size:120px}h2{color:#fff;font-style:normal;font-weight:400;line-height:normal;font-size:42px!important}h3{color:#00e5ff;text-transform:uppercase;padding:10px 16px;font-size:26px!important}h4{color:#00e5ff;text-transform:uppercase;font-size:26px!important}.section{z-index:1;width:100%;position:relative}.hero-container{z-index:2;color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;height:100vh;margin-left:10rem;display:flex;position:relative}.section:has(.about-container){background:linear-gradient(#020c14,#12161f 35%,#071420 60%,#020c14)}.about-container{z-index:2;color:#fff;align-content:start;height:auto;padding-bottom:100px;position:relative}.skills-border{text-align:center;border-style:solid;border-width:1px;padding:4px 24px}.typewriter-cursor{color:#00e5ff;animation:.9s step-end infinite blink}.projects-container{background:#020c14;padding:4rem 0;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.project-cell{cursor:pointer;position:relative}.project-arrow{align-items:center;padding:0 10px 20px;transition:transform .3s,filter .3s;display:inline-flex;position:absolute;bottom:0;right:10px}.project-arrow svg path{transition:fill .3s}.project-cell:hover .project-arrow{filter:drop-shadow(0 0 8px #0ccaffcc);transform:translate(10px)}.project-cell:hover .project-arrow svg path{fill:#00e5ff}.social-link{justify-content:center;align-items:center;transition:transform .3s,filter .3s;display:inline-flex}.social-link svg path{transition:fill .3s}.social-link:hover{filter:drop-shadow(0 0 8px #0ccaffcc);transform:translateY(-6px)scale(1.15)}.social-link:hover svg path{fill:#00e5ff}.projects{overflow-x:hidden;overflow-y:auto!important}@media (width<=1023px){.section{height:auto;min-height:100vh;overflow:visible}.section:first-of-type{height:100vh;overflow:hidden}h1{font-size:72px!important;line-height:68px!important}h2{font-size:30px!important}h3{font-size:24px!important}h4{font-size:20px!important}.hero-container{margin-left:0;padding:0 1.25rem}.about-container{height:auto;min-height:100vh;padding-left:1.25rem;padding-right:1.25rem;padding-top:3rem!important}.projects{background:#020c14;height:auto;min-height:100vh}.projects .projects-container{gap:1.25rem;padding:3rem 1.25rem;flex-direction:column!important;height:auto!important;display:flex!important}.projects .projects-container h2{width:100%}.project-cell{margin-bottom:0;width:100%!important}.skills-border{padding:4px 16px}}