@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";[data-theme=dark]{--background-image: url(/assets/background-BJD8uJAL.jpg);--background-color: #000;--text-color: #f0f6fc;--main-stuffs-bg: rgba(47, 43, 63, .35);--outline-color: rgba(84, 89, 123, .5);--border-color: rgba(84, 89, 123, .5);--subtitle-color: gray;--motto-color: darkgray;--gradient-color-start: #617dd1;--gradient-color-end: #09405f;--gradient: linear-gradient(-45deg, var(--gradient-color-start), var(--gradient-color-end) 100%);--text-stroke: .5px rgba(19, 9, 54, .3)}[data-theme=light]{--background-image: url(/assets/background-light-Ckv4BZJk.jpg);--background-color: #FFF;--text-color: #f0f6fc;--main-stuffs-bg: rgba(47, 43, 63, .35);--outline-color: rgba(200, 200, 200, .5);--border-color: rgba(200, 200, 200, .5);--subtitle-color: rgb(65, 65, 65);--motto-color: darkslategray;--gradient-color-start: #3da6ec;--gradient-color-end: #4faf32;--gradient: linear-gradient(-45deg, var(--gradient-color-start), var(--gradient-color-end) 100%);--text-stroke: 0px rgba(255, 255, 255, 0)}html,body{min-height:100%}body{font-family:Montserrat,sans-serif;margin:0;background-color:var(--background-color);color:var(--text-color);min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--background-image);background-size:cover;background-position:center;filter:blur(4px);z-index:-1;transform:scale(1.1)}.page-root{padding:60px;min-height:100vh}.enter-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:none}.enter-text{color:#fff;font-size:2rem;opacity:1;transition:opacity .5s ease-in-out}.enter-overlay.fade-out{animation:fadeOut .5s ease-in-out forwards}.enter-overlay.fade-out .enter-text{opacity:0}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.content-layout{display:flex;justify-content:center;gap:24px}.sidebar-navbar{flex:0 0 300px;align-self:flex-start;position:sticky;top:20px}.content-column{min-width:0;display:flex;justify-content:center}.content-inner{width:100%;max-width:900px}.music-player{padding:12px 18px;position:static;display:flex;flex-direction:center;justify-content:left;font-size:clamp(16px,2vw,20px);margin:-12px 0;max-width:300px;border-radius:10px;box-shadow:0 3px 8px #00000047;outline-style:solid;outline-color:var(--outline-color);outline-width:2px;background-color:var(--main-stuffs-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-stuffs{padding:12px 18px;display:flex;align-items:center;justify-content:center;margin:-12px auto 30px;font-size:clamp(16px,2vw,20px);max-width:900px;border-radius:10px;box-shadow:0 3px 8px #00000047;outline-style:solid;outline-color:var(--outline-color);outline-width:2px;background-color:var(--main-stuffs-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-stuffs p{line-height:normal;margin:0}.main-stuffs a{color:#87cefa}.main-stuffs a:visited{color:#9370db}.main-stuffs a:hover{color:#db7093}.navbar{padding:12px 18px;position:static;top:20px;display:flex;flex-direction:column;justify-content:left;font-size:clamp(16px,2vw,20px);margin:-12px 0;max-width:300px;max-height:85vh;overflow-y:auto;border-radius:10px;box-shadow:0 3px 8px #00000047;outline-style:solid;outline-color:var(--outline-color);outline-width:2px;background-color:var(--main-stuffs-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar::-webkit-scrollbar{width:4px}.navbar::-webkit-scrollbar-track{background:transparent}.navbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.navbar::-webkit-scrollbar-button{display:none}.navbar h4{line-height:normal;margin:0;border-bottom:1px solid var(--text-color)}.navbar p,a{text-decoration:none;font-size:clamp(14px,16.5px,18px);line-height:30px;margin:12px 0 8px}.navbar a:hover{text-decoration:underline;cursor:pointer}.navbar a{color:var(--text-color)}.navbar a.active{font-weight:600;text-decoration:underline}.navbar-dropdown-list a.active{padding-left:.5rem}.navbar a:visited{color:var(--text-color)}.navbar a:hover{color:#87ceeb}.header{text-align:center;margin-top:-40px;margin-left:-40px;margin-bottom:40px;position:relative;z-index:10}.footer{display:flex;justify-content:center;margin-top:40px}.round-img{width:140px;height:140px;border-radius:50%;margin-right:20px;object-fit:cover;border-style:solid;border-width:3px;border-color:var(--border-color);box-shadow:0 4px 8px #0000004d;transition:transform .3s ease}.round-img:hover{transform:scale(1.05);transition:transform .3s ease}.main-title{font-family:Courier New,Courier,monospace;font-weight:700;font-size:clamp(1.75rem,3vw,2.5rem);background-image:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;background-size:100% 100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin-bottom:8px;-webkit-text-stroke:var(--text-stroke);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.sub-title{font-family:Google Sans Code,monospace;font-size:clamp(1rem,1vw,1.5rem);color:var(--subtitle-color);font-style:italic}.motto{font-family:Google Sans Code,monospace;font-size:clamp(.75rem,.875vw,1.25rem);color:var(--motto-color);margin-bottom:0}.theme-toggle-button{position:fixed;top:20px;right:20px;padding:10px 15px;font-size:14px;border:none;border-radius:5px;cursor:pointer;background-color:var(--main-stuffs-bg);color:var(--text-color);outline-style:solid;outline-color:var(--outline-color);outline-width:2px;box-shadow:0 2px 6px #0003;transition:background-color .25s ease,color .25s ease,transform .12s ease;will-change:transform,background-color;z-index:9999;pointer-events:auto}.square-button{position:static;top:20px;padding:10px 12px;font-size:14px;border:none;border-radius:50%;cursor:pointer;background-color:var(--main-stuffs-bg);color:var(--text-color);outline-style:solid;outline-color:var(--outline-color);outline-width:2px;box-shadow:0 2px 6px #0003;transition:background-color .25s ease,color .25s ease,transform .12s ease;will-change:transform,background-color;pointer-events:auto}.square-button:active{transform:translateY(2px) scale(.98)}.sidebar-toggle{position:fixed;top:20px;left:20px;padding:10px 15px;font-size:14px;border:none;border-radius:5px;cursor:pointer;background-color:var(--main-stuffs-bg);color:var(--text-color);outline-style:solid;outline-color:var(--outline-color);outline-width:2px;box-shadow:0 2px 6px #0003;transition:background-color .25s ease,color .25s ease,transform .12s ease;will-change:transform,background-color;z-index:9998;pointer-events:auto}.navbar-dropdown{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:clamp(14px,16.5px,18px);margin-right:4px;padding:0;border:1px solid transparent}.navbar-dropdown:hover{color:#87ceeb}.navbar-dropdown:active{transform:scale(.95)}.navbar-dropdown-list{display:block;margin-left:22px;overflow:hidden;max-height:0;transition:max-height .18s ease,opacity .18s ease;opacity:0}.navbar-dropdown-list.open{max-height:400px;opacity:1}.navbar-dropdown-list a{display:block;margin:6px 0;color:var(--text-color);text-decoration:none;padding-left:4px;font-size:clamp(13px,15px,16px)}.navbar-dropdown-list a:hover,.navbar-dropdown-list a:focus{color:#87ceeb;text-decoration:underline;outline:none}.theme-toggle-button:active,.sidebar-toggle:active{transform:translateY(2px) scale(.98)}@media(max-width:600px){.page-root{padding:16px}.main-stuffs{flex-direction:column;padding:8px 12px;margin-top:0;margin-bottom:15px;text-align:left}.round-img{width:110px;height:110px;margin-right:0;margin-bottom:8px}.main-stuffs p{line-height:normal;margin-bottom:10px}.header{margin-top:-20px;margin-left:-20px;margin-bottom:20px}.main-title{margin-top:80px;font-size:clamp(1.5rem,5vw,2rem)}#root>div{padding:20px}}@media(max-width:900px){.navbar a,p{line-height:30px}.sidebar-navbar{position:fixed;top:80px;left:20px;height:100vh;width:280px;transform:translate(-120%);transition:transform .25s ease;z-index:1000}.sidebar-navbar[data-open=true]{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:.5;z-index:900;animation:fadeIn .25s ease forwards}}