@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-group(*){animation-duration:.2s}.light{--clr-text:#0f0f10;--clr-text-rgb:15,15,16;--clr-background:#fff;--clr-background-rgb:255,255,255;--clr-primary:#4cc2a5;--clr-primary-rgb:76.4235,193.8765,164.51325;--clr-secondary:#89ebd3;--clr-secondary-rgb:137.2665,235.0335,210.59175;--clr-accent:#06c696;--clr-accent-rgb:6.12,197.88,149.94}.dark{--clr-text:#efeff0;--clr-text-rgb:239,239,240;--clr-background:#08060a;--clr-background-rgb:8,6,10;--clr-primary:#30c09c;--clr-primary-rgb:47.94,191.76,155.805;--clr-secondary:#14765d;--clr-secondary-rgb:19.9665,117.7335,93.29175;--clr-accent:#08f7bb;--clr-accent-rgb:7.65,247.35,187.425}body{color:rgba(var(--clr-text-rgb),var(--tw-text-opacity));font-family:system-ui,sans-serif;--tw-text-opacity:0.75;background-color:var(--clr-background);display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}main{flex:1}footer{align-items:center;display:flex;font-size:.8rem;height:4rem;justify-content:center;text-align:center;view-transition-name:footer}h1,h2,h3{font-weight:700}h1,h2,h3,h4,h5,h6,strong{color:rgba(var(--clr-text-rgb),var(--tw-text-opacity));--tw-text-opacity:0.9}strong{font-weight:600}.accent{color:var(--clr-accent)}.navbar{align-items:center;display:flex;height:6rem;justify-content:space-between;margin:0 auto;max-width:80rem;padding:0 1.5rem;view-transition-name:navbar}.navbar a{color:inherit;text-decoration:none}.navbar .logo{position:relative;transition:color .2s ease}.navbar .logo:hover{color:var(--clr-text)}.navbar ul{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none}.navbar ul li{color:rgba(var(--clr-text-rgb),var(--tw-text-opacity));position:relative;--tw-text-opacity:0.9;font-weight:600}.navbar ul li:after{background:var(--clr-primary);bottom:-.2rem;content:"";height:.1rem;left:-.125rem;position:absolute;transition:width .15s ease;width:0;z-index:-1}.navbar ul li:hover:after{width:calc(100% + .25rem)}.navbar ul li{transition:color .2s ease}.navbar ul li:hover{color:var(--clr-text)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.tags .tag{border-radius:5px;font-size:.7rem;font-weight:600;padding:.2rem .3rem}.dark .tags .tag{border:1px solid rgba(var(--clr-text-rgb),.2)}.light .tags .tag{border-bottom:1px solid rgba(var(--clr-text-rgb),.1);border:solid rgba(var(--clr-text-rgb),.1);border-width:1px 1px 2px}.social-links{display:flex;gap:.5rem}.social-links a{color:inherit;padding-inline:.5rem;transition:color .3s ease,transform .1s ease}.social-links a:hover{color:var(--clr-text);transform:scale(1.25)}.icons-grid{display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}.icons-grid a{align-items:center;aspect-ratio:1/1;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1rem;text-decoration:none;transition-property:background-color color border box-shadow transform}.dark .icons-grid a{background-color:rgba(var(--clr-text-rgb),.05);border:1px solid rgba(var(--clr-text-rgb),.1);color:inherit}.dark .icons-grid a svg{transition:inherit}.dark .icons-grid a{transition-duration:.2s}.dark .icons-grid a:hover{background-color:rgba(var(--clr-text-rgb),.1);border:1px solid rgba(var(--clr-text-rgb),.15);color:var(--clr-text);text-decoration:none}.dark .icons-grid a:hover svg{color:var(--clr-accent)}.light .icons-grid a{border:1px solid hsla(0,0%,100%,.5);border-top:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.125);color:inherit}.light .icons-grid a svg{color:rgba(var(--clr-text-rgb),.6);transition:inherit}.light .icons-grid a{transition-duration:.2s}.light .icons-grid a:hover{background-color:transparent;box-shadow:0 2px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.light .icons-grid a:hover svg{color:var(--clr-accent)}@media (width < 32rem){.icons-grid{gap:1rem}}main{margin:0 auto;max-width:50rem;padding:0 2rem}@media (width < 60rem){main{max-width:40rem}}@media (width < 44rem){main{margin:0}}.page__404,.page__index{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 10rem);justify-content:center;min-height:10rem;text-align:center}.page__404 h1,.page__index h1{margin:0}.page__404 .hero-content p,.page__index .hero-content p{margin-bottom:1.5rem;margin-top:.5rem}.post-list{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.post-list a{color:inherit;text-decoration:none}.post-list a:hover{text-decoration:underline}.project-list{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.project-list a{color:inherit;text-decoration:none}.project-list .project-card{border-radius:1.5rem;padding:1.5rem;transition-duration:.3s;transition-property:background-color box-shadow border transform}.project-list .project-card h2{margin:0;--tw-text-opacity:0.7;transition-duration:inherit;transition-property:color}.project-list .project-card:hover h2{--tw-text-opacity:1}.project-list .project-card .tags{margin-bottom:0;margin-top:1.2rem}.dark .project-list .project-card{background-color:rgba(var(--clr-text-rgb),.04);border:1px solid rgba(var(--clr-text-rgb),.1)}.dark .project-list .project-card:hover{background-color:rgba(var(--clr-text-rgb),.06);border:1px solid rgba(var(--clr-text-rgb),.2)}.light .project-list .project-card{background-color:#fff;border:1px solid rgba(var(--clr-text-rgb),.1)}.light .project-list .project-card:hover{border:1px solid rgba(var(--clr-text-rgb),.2);box-shadow:0 4px 8px rgba(var(--clr-text-rgb),.1)}.post :not(.icons-grid)>a{box-shadow:var(--clr-primary) 0 -2px inset;color:inherit;text-decoration:none;transition:box-shadow .1s,color .1s}.post :not(.icons-grid)>a:hover{box-shadow:var(--clr-primary) 0 -1.2rem inset;color:var(--clr-background)}.post li,.post p{line-height:1.6}