@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.section{background-color:#1e1e1e;padding:3rem}.fullscreen{width:100vw;height:100vh}.viewport{position:fixed;z-index:-10}.full-h{height:100vh}.viewport{width:100vw;height:100vh}.noscroll::-webkit-scrollbar{display:none}.noscroll{scrollbar-width:none;background-color:red}.hero{height:100vh}.title{font-family:Poppins,sans-serif;font-weight:700;font-style:bold;font-size:4.5em}.t-gradient{background:linear-gradient(120deg,#3834ff,#43ddff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:12px}.titlebox{display:flex}.hero-content{padding-top:18vmin;padding-left:10vmin;width:40%}.hero-content-full{margin:10vmin}.hero-text{font-family:Poppins,sans-serif;font-weight:300;font-size:1.3em}@media (max-width: 786px){.hero-content{width:80%}.title{font-size:3.5em}}.navwrapper{position:fixed;z-index:10;margin:20px;padding:10px;top:0;left:0;right:0;display:flex;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#7062620a;border:1px solid rgba(255,255,255,.09);border-radius:25px}.navbar-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}.logo{margin-right:4rem;white-space:nowrap}.nav-content{flex-basis:100%;flex-grow:1;display:block;overflow:hidden;margin-left:auto;margin-right:auto;max-height:0;transition:all .25s ease-in-out}.nav-content.expanded{max-height:100vh}.nav-list{display:flex;flex-direction:row;list-style:none;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0}.nav-item{text-align:center}.nav-link{padding:.5rem 1rem;display:block;color:#999;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700;font-size:1.3em;text-decoration:none}.nav-button{text-align:center;color:#999;border:1px solid transparent;text-decoration:none;background:none}.nav-button>.navicon{stroke:#999}@media (max-width: 768px){.nav-list{flex-direction:column}.nav-link{margin-top:1.5rem;color:#ccc}}@media (min-width: 769px){.nav-button{display:none}.nav-content{max-height:100vh;transition:none}.navbar-container{flex-wrap:nowrap}.nav-link{margin-left:1.5rem}}.email-btn{display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:#5757571a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);padding:1rem;text-decoration:none;color:#fff;width:50%}.email-btn>svg{margin-right:.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#02050e;background:radial-gradient(circle at 70% 30%,#0e225c,#02050e 50%);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:url(/assets/noise-iXCSqXuP.webp)}.project-list{display:flex;grid-gap:1rem;grid-auto-flow:column;overflow-x:hidden;padding:10vmin;padding-top:0}.project-card{padding:1px;border-radius:12px;position:relative;text-decoration:none;color:#fff}.card-content{border-radius:12px;background-color:#5757571a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);padding:2rem;height:400px;width:250px}.card-img{display:block;width:100%;margin-left:auto;margin-right:auto;border-radius:inherit}.project-card:hover .card-border:before{content:"";position:absolute;top:-15%;left:-40%;height:130%;width:180%;translate:0% 0%;background:conic-gradient(from 0deg at 50% 50%,#0000,#3fa0ff 1turn);z-index:-1;animation:rotateBackground 10s linear infinite}.card-border{position:absolute;padding:2px;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{margin-top:10rem;text-align:center}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);border-radius:12px;background-color:#8a8a8a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);color:#fff;padding:10px;cursor:pointer;z-index:2;font-size:24px;display:flex;align-items:center;justify-content:center}.scroll-btn.left{left:10px}.scroll-btn.right{right:10px}.scroll-container{position:relative;width:100%;overflow:hidden}@media (min-width: 1400px){.scroll-btn{display:none}}