@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap";:root{--color-dark:#0c0c0c;--color-light:#f5f5f5;--color-dark-secondary:#1b1b1b;--color-light-secondary:#e4e4e4;--background-color:var(--color-dark);--card-color:var(--color-dark-secondary);--text-color:var(--color-light);--text-color-secondary:var(--color-light-secondary);--about-color:#fe4164;--about-color-dark:#cc344f;--blog-color:#836fff;--blog-color-dark:#6858cc;--projects-color:#7fffd4;--projects-color-dark:#65cca9;--archive-color:#ff7518;--archive-color-dark:#cc5d13;--study-color:#fff000;--study-color-dark:#ffdf00;--theme-color:#fff;--theme-color-dark:#d4d4d4;--mobile-width:85vw;--desktop-width:60vw}body{background-color:var(--background-color);color:var(--text-color);box-sizing:border-box;place-items:center;min-height:100vh;margin:0;padding:0%;font-family:"Baloo 2",cursive;display:grid}body.dark{--background-color:var(--color-dark);--card-color:var(--color-dark-secondary);--text-color:var(--color-light);--text-color-secondary:var(--color-light-secondary)}body.light{--background-color:var(--color-light);--card-color:var(--color-light-secondary);--text-color:var(--color-dark);--text-color-secondary:var(--color-dark-secondary)}body.about{--theme-color:var(--about-color);--theme-color-dark:var(--about-color-dark)}body.blog{--theme-color:var(--blog-color);--theme-color-dark:var(--blog-color-dark)}body.projects{--theme-color:var(--projects-color);--theme-color-dark:var(--projects-color-dark)}body.archive{--theme-color:var(--archive-color);--theme-color-dark:var(--archive-color-dark)}h1{color:var(--theme-color)}a{color:var(--theme-color);transition:color .15s}a:hover{color:var(--theme-color-dark)}.disabled{pointer-events:none;opacity:.5}main{margin:auto;padding:60px 0 120px}.clay-box-s{background-color:var(--card-color);border-radius:24px;width:fit-content;padding:16px;position:relative;box-shadow:inset -12px -12px 24px #000000b3,inset 4px 6px 12px #ffffff26}.clay-box-s:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0;box-shadow:inset -10px -10px 20px #0009,inset 6px 8px 16px #ffffff40}.clay-box-s:hover:after{opacity:1}.clay-box-m{background-color:var(--card-color);border-radius:32px;width:fit-content;padding:16px;position:relative;box-shadow:inset -12px -12px 24px #000000b3,inset 4px 6px 12px #ffffff26}.clay-box-m:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0;box-shadow:inset -10px -10px 20px #0009,inset 6px 8px 16px #ffffff40}.clay-box-m:hover:after{opacity:1}.clay-box-l{background-color:var(--card-color);border-radius:40px;width:fit-content;padding:16px;position:relative;box-shadow:inset -12px -12px 24px #000000b3,inset 4px 6px 12px #ffffff26}.clay-box-l:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0;box-shadow:inset -10px -10px 20px #0009,inset 6px 8px 16px #ffffff40}.clay-box-l:hover:after{opacity:1}.clay-circle{aspect-ratio:1;background-color:var(--card-color);border-radius:100%;width:fit-content;padding:8px;position:relative;box-shadow:inset -12px -12px 24px #000000b3,inset 4px 6px 12px #ffffff26}.clay-circle:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0;box-shadow:inset -10px -10px 20px #0009,inset 6px 8px 16px #ffffff40}.clay-circle:hover:after{opacity:1}@media (width>=1000px){.clay-box-s{border-radius:30px}.clay-box-m{border-radius:38px}.clay-box-l{border-radius:44px}}.no-hover:hover:after{pointer-events:none;opacity:0!important}.nav-island{z-index:999;background:var(--card-color);border-radius:99px;flex-direction:row;justify-content:center;align-items:center;gap:12px;max-width:400px;padding:12px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:inset -10px -10px 20px #0009,inset 6px 8px 16px #ffffff40}.nav-item{width:40px;height:40px;box-shadow:none;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s;display:flex;& img{width:90%;margin-top:2px}}.nav-divider{background-color:var(--text-color);opacity:.6;border-radius:2px;width:2px;height:24px;margin:0 4px}@media (width>=1200px){.nav-island{box-shadow:none;background:0 0;flex-direction:column;width:auto;max-width:none;height:100%;max-height:500px;padding:20px 40px 20px 20px;bottom:50%;left:0;transform:translateY(50%)}.nav-item{width:50px;height:50px;box-shadow:inset -10px -10px 20px #0009,inset 6px 8px 16px #ffffff40}.nav-item:hover{transform:translate(10px)}.nav-divider{width:24px;height:2px;margin:4px 0}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}