html{scroll-behavior:smooth}body,html{width:100%;background-color:#0a2342;color:#fafafa;margin:0;font-family:SinMedia Sans,sans-serif}.navbar{position:fixed;top:0;left:0;width:100%;z-index:3;background-color:#0a234280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.navbar-links{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:15px 20px;gap:10px 24px}.navbar-links li{max-width:none}.navbar-links a{color:#fafafa;text-decoration:none;font-size:14px;white-space:nowrap}.navbar-links a:hover{color:#3b6fff}@media (max-width: 768px){.navbar-links{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 16px}}.music-player{position:relative;display:flex;align-items:center}.music-toggle{width:32px;height:32px;border-radius:50%;border:1px solid #3b6fff;background:#0a2342cc;color:#fafafa;font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-toggle:hover{background:#3b6fff}.music-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:220px;padding:8px 12px;background:#0a2342f0;border:1px solid #3b6fff;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .4s ease}.music-tooltip.show{opacity:1}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.main-section{height:100vh;z-index:2;display:flex;justify-content:center;align-items:center;margin:0 20px;scroll-margin-top:70px}.text{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:28px 32px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}details summary{cursor:pointer;font-size:20px;font-weight:600;margin-bottom:10px}details summary::marker{color:#3b6fff}.align-left{align-items:flex-start;flex-direction:column;margin-left:10vw}#portfolio-section{justify-content:flex-start;padding-top:15vh}.align-right{align-items:flex-end;flex-direction:column;margin-right:10vw}p,li{max-width:420px;line-height:1.6}ul{padding-left:20px}li li{list-style:circle}li+li{margin-top:4px}.youtube-player__container{position:absolute;top:15px;left:20px}h1{font-size:48px;margin-bottom:20px;letter-spacing:-.02em}h1,p,ul,li{z-index:1}.footnote{font-size:14px;position:fixed;bottom:15px;right:30px}.hint{font-size:14px}.social-media{display:flex;justify-content:space-between;list-style:none;margin:0;padding:30px;background-color:#fff6;border-radius:20px;width:auto;gap:0 30px;align-self:flex-start}.social-media img{max-width:48px;max-height:48px;filter:brightness(0);transition:filter .3s ease,transform .3s ease}.social-media img:hover{transform:scale(1.15)}.social-media img[src*=instagram]:hover{filter:brightness(0) saturate(100%) invert(28%) sepia(54%) saturate(4500%) hue-rotate(325deg)}.social-media img[src*=linkedin]:hover{filter:brightness(0) saturate(100%) invert(28%) sepia(94%) saturate(1800%) hue-rotate(180deg)}.social-media img[src*=github]:hover{filter:brightness(0) saturate(100%) invert(20%)}a{color:#3b6fff;text-decoration:none}a:hover{text-decoration:underline}