@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}.blog-container{width:var(--mobile-width);flex-direction:column;gap:40px;display:flex}@media (width>=1200px){.blog-container{width:var(--desktop-width)}}.blog-category-container{flex-direction:column;margin:0;padding:0;display:flex}.blog-category-title{text-align:center;color:var(--theme-color);margin:0}.blog-category-divider{background:linear-gradient(to right, transparent, var(--theme-color), transparent);border:none;width:100%;height:2px;margin:5px 0 15px}@media (width>=1200px){.blog-category-title{text-align:left}.blog-category-divider{background:linear-gradient(to right, var(--theme-color), transparent)}}.blog-entry-container{flex-wrap:wrap;justify-content:space-evenly;gap:10px;display:flex}.blog-entry-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:250px;font-size:16px;text-decoration:none;display:flex;overflow:hidden}@media (width>=1380px){.blog-entry-container{justify-content:space-around}.blog-entry-card{width:300px;margin-bottom:20px;font-size:20px}}.blog-entry-image{object-fit:cover;z-index:1;opacity:.1;width:100%;height:100%;position:absolute}.blog-entry-title{z-index:2;margin:0;padding:0 15px;position:relative}.blog-entry-date{z-index:2;width:100%;margin:0;font-size:14px;position:absolute;bottom:30px;left:0}.blog-entry-new{position:relative}.blog-entry-new:before{content:"";border-radius:inherit;background:linear-gradient(to right, var(--theme-color), transparent);-webkit-mask-composite:xor;pointer-events:none;z-index:10;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.blog-article-container{max-width:var(--mobile-width);margin:0 auto;padding:40px 20px}@media (width>=800px){.blog-article-container{max-width:60vw}}@media (width>=1000px){.blog-article-container{max-width:50vw}}@media (width>=1200px){.blog-article-container{max-width:40vw}}.blog-article-header{text-align:center;margin:0;& h1{margin:0;font-size:24px}& p{font-size:14px}}@media (width>=768px){.blog-article-header{& h1{font-size:36px}& p{font-size:18px}}}.blog-article-meta{color:var(--text-color-secondary);margin:0 0 20px}.blog-article-hero{object-fit:cover;border-radius:12px;width:100%;max-height:400px}.blog-article-divider{background:linear-gradient(to right, transparent, var(--theme-color), transparent);border:none;width:100%;height:2px;margin:15px 0 0}.blog-article-content{font-size:14px;line-height:1.5}@media (width>=768px){.blog-article-content{font-size:16px}}