:root{color-scheme:light;--clr-indigo: #4f46e5;--clr-rose: #e11d48;--clr-slate600: #475569;--card-color: rgb(255 255 255);--nav-color: rgba(240 240 240 /80%);--bio-color: rgba(200 200 200 /40%);--color: #020617}*{font-family:Clash Grotesk,sans-serif;color-scheme:dark;margin:0;padding:0;line-height:calc(1em + .5rem);letter-spacing:.05rem;word-spacing:.05rem;scroll-behavior:smooth}body{background-color:#f0f0f0;color:#020617}button{padding:0;margin:0;border:none}strong{margin-right:.5rem}p{-webkit-user-select:none;-moz-user-select:none;user-select:none}a{cursor:pointer;transition:.3s;color:#787878bf;text-decoration:none}a:hover{color:var(--clr-indigo)}strong{color:var(--clr-indigo);transition:.3s}strong:hover{color:#756fe3}img{transition:.3s}img:hover{scale:1.005}@media(prefers-color-scheme:dark){:root{color-scheme:dark}body{color-scheme:dark;background:#020617;color:#fafafaa6;--card-color: rgba(30 41 59/ 30%);--nav-color: rgba(2 6 23/ .75);--bio-color: rgba(40 40 40 /80%);--color: rgb(220 220 220)}}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:var(--clr-indigo)}.container{width:100%;height:100svh}.btn{border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;color:#fff}.red{background-color:var(--clr-rose);box-shadow:1px 1px 10px var(--clr-rose);transition:.3s}.red:hover{box-shadow:1px 1px 20px var(--clr-rose)}.blue{background-color:var(--clr-indigo);box-shadow:1px 1px 10px var(--clr-indigo);transition:.3s}.blue:hover{box-shadow:1px 1px 20px var(--clr-indigo)}.dark{background-color:#1e293b;transition:.3s}.dark:hover{box-shadow:1px 1px 10px #0000007f;scale:1.025}.heading{text-align:center;font-size:2.5rem;line-height:2rem;font-weight:700;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heading:hover{text-shadow:1px 1px 10px var(--clr-indigo)}.scroll-watcher{height:.25rem;position:fixed;top:0;z-index:20;background-color:var(--clr-rose);box-shadow:1px 1px 10px var(--clr-rose);width:100%;scale:0 1;transform-origin:left;animation:scroll-watcher linear;animation-timeline:scroll()}@keyframes scroll-watcher{to{scale:1 1}}.nav{background-color:var(--nav-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:flex-start;position:absolute;width:100%;height:6rem;z-index:10}.page{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%}.project-container{display:flex;flex-wrap:wrap;justify-content:center;height:-moz-fit-content;height:fit-content;width:100%;gap:2.5rem;padding-bottom:2rem}.project{width:85%;background:var(--card-color);border-radius:1rem;box-shadow:1px 1px 10px #0006}.project-link{color:var(--color);transition:.3s}.project-link:hover{color:var(--clr-indigo)}.mobile-nav{display:flex;position:fixed;width:100%;height:4rem;background:var(--nav-color);justify-content:center;align-items:center;gap:1rem;bottom:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:1px 1px 20px #0003;z-index:10}.desktop-nav{display:none;gap:2.5rem;margin-right:1rem}.desktop-nav a,.mobile-nav a{font-weight:600;font-size:1.1rem;text-decoration:none}.nav-item{width:6rem;text-align:center;position:relative;transition:color .3s}.nav-item:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--clr-indigo);transition:width .3s ease}.nav-item-active{color:var(--clr-indigo)}.nav-item-active:after{width:100%}.desc{width:75%}@media(min-width:420px){.project{width:35ch}}@media(min-width:768px){.heading{font-size:4rem;line-height:3.25rem}.desc{width:45%}.nav{position:fixed;justify-content:flex-end}.mobile-nav{display:none}.desktop-nav{display:flex}.project{width:40ch}}@media(min-width:1020px){.project{width:45ch}.project-container{width:95%}}.carousel-controls{opacity:0;transition:opacity .3s}.project:hover .carousel-controls{opacity:1}.carousel-button{background:#0000004d;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.carousel-button:hover{background:#00000080}.carousel-button svg{color:#fff}.nav-link{position:relative;transition:color .3s}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--clr-indigo);transition:width .3s ease}.nav-link-active{color:var(--clr-indigo)}.nav-link-active:after{width:100%}