.navbar[data-astro-cid-5knycien]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing2);background-color:var(--subbackground);position:fixed;top:0;left:0;width:100%;z-index:1000}.nav-links[data-astro-cid-5knycien]{margin:auto var(--spacing5)}.nav-links[data-astro-cid-5knycien]>a[data-astro-cid-5knycien]{margin:var(--spacing3);font-size:var(--fsize2);color:var(--text)}.nav-links[data-astro-cid-5knycien]>a[data-astro-cid-5knycien]:hover{color:var(--accent)}.theme-toggle[data-astro-cid-5knycien]{vertical-align:middle;padding:0;background-color:transparent;color:var(--accent)}#menu-theme-toggle[data-astro-cid-5knycien]{margin-right:var(--spacing2)}@media (max-width: 900px){.nav-links[data-astro-cid-5knycien]{display:none}.menu[data-astro-cid-5knycien]{display:block;margin:auto var(--spacing3)}}.footer[data-astro-cid-k2f5zb5c]{border-top:1px solid var(--primary);border-radius:var(--spacing2)}.ftr-head[data-astro-cid-k2f5zb5c]{display:flex;justify-content:space-around;align-items:center;gap:var(--spacing7);padding:var(--spacing2);border-bottom:1px solid var(--primary);border-radius:var(--spacing2)}.ftr-head[data-astro-cid-k2f5zb5c] .icon[data-astro-cid-k2f5zb5c]{margin:0 var(--spacing3)}#nav-tray[data-astro-cid-osxichqi]{height:20vh;width:100%;position:fixed;top:-230px;padding-bottom:var(--spacing2);background:#141414b3;backdrop-filter:blur(8px);text-align:center;border-bottom:1px solid var(--accent);box-shadow:0 4px 4px #080808cc,0 12px 12px #03030366;transition:top .4s cubic-bezier(.4,0,.2,1);display:none}#nav-tray[data-astro-cid-osxichqi].animated.open{animation:pullTray .4s cubic-bezier(.4,0,.2,1) forwards}#nav-tray[data-astro-cid-osxichqi].animated:not(.open){animation:closeTray .4s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 900px){#nav-tray[data-astro-cid-osxichqi]{display:block}}*{margin:0;padding:0;box-sizing:border-box}:root{--text: hsl(80, 22%, 92%);--subtext: hsl(80, 22%, 75%);--background: hsl(83, 27%, 6%);--subbackground: hsl(83, 27%, 10%);--primary: hsl(80, 28%, 71%);--secondary: hsl(80, 29%, 30%);--accent: hsl(80, 33%, 49%)}.light{--text: hsl(80, 22%, 8%);--subtext: hsl(80, 22%, 25%);--background: hsl(83, 27%, 94%);--subbackground: hsl(83, 27%, 90%);--primary: hsl(80, 28%, 29%);--secondary: hsl(80, 29%, 70%);--accent: hsl(80, 33%, 41%)}:root{--ff1: "Noto Sans", sans-serif;--ff2: "Archivo", sans-serif;--fsize1: 1rem;--fsize2: 1.125rem;--fsize3: 1.25rem;--fsize4: 1.5rem;--fsize5: .875rem;--spacing1: 4px;--spacing2: 8px;--spacing3: 16px;--spacing4: 20px;--spacing5: 40px;--spacing6: 80px;--spacing7: 160px;--spacing8: 320px;--h1: 600 3rem/1.2em var(--ff2);--h2: 600 2rem/1.2em var(--ff2);--p: 1rem/1.5em var(--ff1);--successGreen: hsl(120, 48%, 67%);--errorRed: hsl(6, 59%, 55%)}html{scroll-behavior:smooth}body{min-height:100vh;text-wrap:balance;font:var(--p);color:var(--text);background:radial-gradient(circle at 20% 20%,var(--background),var(--subbackground));background-size:200% 200%;animation:radialGradientMove 20s ease-in-out infinite}section{width:80%;max-width:1200px;padding:var(--spacing6);margin:var(--spacing6) auto}h1{font:var(--h1);color:var(--primary);margin:var(--spacing1)}h2{font:var(--h2);color:var(--primary);margin:var(--spacing2)}h3,p{margin:var(--spacing2)}small{color:var(--subtext)}a{text-decoration:none;color:var(--accent)}a:hover{color:var(--secondary)}ul{list-style:inside;margin:var(--spacing2)}img{width:100%;border-radius:var(--spacing2)}label{display:block;width:fit-content;padding:var(--spacing1);margin:var(--spacing2) 10%;font-size:var(--fsize3)}input,textarea{width:80%;height:var(--spacing5);border-radius:var(--spacing1);padding:var(--spacing1);border:none;box-shadow:0 2px 8px #00000026}textarea{height:var(--spacing6);resize:none}.btn,button{all:unset;background-color:var(--primary);font:var(--p);color:var(--background);margin:var(--spacing2) auto;padding:var(--spacing2) var(--spacing3);display:inline-block;border-radius:var(--spacing2);cursor:pointer}@media (hover: hover){.btn:hover,button:hover{scale:1.115;box-shadow:0 var(--spacing1) var(--spacing2) var(--accent)}}.outline-btn{color:var(--text);background-color:transparent;border:2px solid var(--primary)}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:none;color:var(--text);padding:var(--spacing5) var(--spacing6);z-index:1100;max-width:90vw;max-height:80vh}dialog::backdrop{background:hsla(0,0,0,.6);backdrop-filter:blur(2px)}.big-text{font-size:var(--fsize4);font-weight:400}.icon{margin-left:var(--spacing3);width:var(--spacing5);vertical-align:middle}.center{text-align:center}.hidden{display:none}.flex{display:flex;align-items:center;justify-content:center;gap:var(--spacing4);flex-wrap:wrap}.flex>*{flex:1;min-width:200px}.column{flex-direction:column}.reverse{flex-direction:row-reverse}.flex-start{align-items:flex-start}.tag-box{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:var(--fsize2);margin:0;padding:var(--spacing2);border:2px solid var(--accent);border-radius:var(--spacing3);display:inline-block}.top-accent-tab{border-top:var(--spacing1) solid var(--accent);border-top-left-radius:var(--spacing1);border-top-right-radius:var(--spacing1)}.left-accent-tab{border-left:var(--spacing1) solid var(--accent);border-radius:var(--spacing1)}.container{margin:var(--spacing3) auto;padding:var(--spacing4)}.card{background-color:var(--subbackground);box-shadow:0 4px 8px #0000001a;border-radius:var(--spacing1)}.card.success{background-color:var(--successGreen)!important;color:var(--text)}.card.error{background-color:var(--errorRed)!important;color:var(--text)}.url-box a{margin-right:var(--spacing2)}.details-box{padding:var(--spacing4)}.click-hover:hover{cursor:pointer;transform:scale(1.0625);transition:transform .15s cubic-bezier(.4,0,.2,1);will-change:transform}.padding1{padding:var(--spacing1) 0}.padding2{padding:var(--spacing2) 0}.padding3{padding:var(--spacing3) 0}.padding4{padding:var(--spacing4) 0}.padding5{padding:var(--spacing5) 0}.padding6{padding:var(--spacing6) 0}.padding7{padding:var(--spacing7) 0}.margin1{margin:var(--spacing1) auto}.margin2{margin:var(--spacing2) auto}.margin3{margin:var(--spacing3) auto}.margin4{margin:var(--spacing4) auto}.margin5{margin:var(--spacing5) auto}.margin6{margin:var(--spacing6) auto}.margin7{margin:var(--spacing7) auto}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--subbackground);border-radius:12px;max-width:60%;max-height:80%;overflow:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;font-size:var(--fsize2)}.proj-carousel{display:flex;align-items:center;justify-content:center;gap:1rem}.carousel-btn{margin:0 var(--spacing1);color:var(--text);cursor:pointer;padding:0 var(--spacing2)}.proj-thumbnail{display:block;margin:var(--spacing2) auto;object-fit:cover;border-radius:var(--spacing1);width:80%}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.carousel-indicators span{display:block;width:var(--spacing2);height:var(--spacing2);background:var(--secondary);border-radius:50%}.carousel-indicators .active{background:var(--accent)}.bounce{animation:bounceUp .5s infinite alternate}@keyframes radialGradientMove{0%{background-position:20% 20%}50%{background-position:80% 80%}to{background-position:20% 20%}}@keyframes bounceUp{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes pullTray{0%{top:-230px}to{top:70px}}@keyframes closeTray{0%{top:70px}to{top:-230px}}@media (max-width: 900px){.flex{flex-direction:column}.outline-btn{border:1px solid var(--primary)}.tag{font-size:var(--fsize1);padding:var(--spacing1)}h1{font:600 2.5rem/.8em var(--ff1)}h2{font:600 1.5rem/1.2em var(--ff2)}section{width:90%;max-width:100%;padding:var(--spacing2)}dialog{padding:var(--spacing3)}.container{width:100%;padding:var(--spacing2)}.modal-content{max-width:80%;max-height:80%;padding:var(--spacing3)}.proj-thumbnail{width:100%}}@media (max-width: 640px){.flex{flex-direction:column;align-items:center}.modal-content{max-width:98vw;max-height:98vh;padding:var(--spacing2);border-radius:var(--spacing1)}.modal-close{top:.5rem;right:.5rem;font-size:var(--fsize2)}.proj-carousel{flex-direction:column;gap:var(--spacing2)}.proj-thumbnail{width:100%}}