:root{--main-bg: #ead2ec;--accent: #462DC6;--highlight: #94f1e1;--pinklight: #eb9fe7;--text-color: #222;--window-header: #e2e2e2;--window-background: #f9eff9;--shadow: #362177;--font: "CustomFont", "Verdana", sans-serif;font-size:14px}@font-face{font-family:CustomFont;src:url(/fonts/zpix.ttf) format("truetype");font-weight:400;font-style:normal}.greeting{transition:opacity 1s ease-in-out;font-weight:700;font-size:2.8rem;color:var(--accent);display:inline-block}.fade-out{opacity:0}.fade-in{opacity:1}.intro-flex{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.intro-flex p{margin:0;padding:0}.pfp{width:160px;height:160px;border-radius:0%;object-fit:cover;border:2px solid var(--accent)}#side-navbar{position:fixed;top:50%;right:14%;transform:translateY(-50%);background:var(--main-bg);border:.125rem solid var(--accent);padding:.25rem .25rem 0rem;z-index:999;font-family:var(--font);transition:transform .3s ease,opacity .3s ease;box-shadow:2px 2px 0 var(--shadow)}#side-navbar:has(.hoverable-window:hover){background:var(--highlight)}#side-navbar ul{list-style:none;margin:0;padding:0;text-align:left}#side-navbar li{margin:.5rem 0}#side-navbar a{color:var(--accent);text-decoration:none;font-weight:700}#side-navbar a:hover{background:var(--highlight);color:#000}#nav-toggle{position:fixed;width:2rem;height:2rem;bottom:1rem;right:1rem;background:url(../assets/icon_desktop_tooltip.png) no-repeat center center;color:#fff;font-size:1.2rem;z-index:1000;display:none;outline:none;box-shadow:none;border:none}body{margin:0;font-family:var(--font);background:url(../assets/Windose20-wallpaper-crop.png) repeat;color:var(--text-color);font-size:1rem;line-height:1.4}#background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.1}#container{max-width:62.5rem;margin:2.5rem auto;padding:.625rem}#container2{position:relative;border:.125rem solid var(--accent);background:var(--main-bg);padding:.25rem .25rem 0rem;box-shadow:2px 2px 0 var(--shadow)}#container2:has(.hoverable-window:hover){background:var(--highlight)}.window{background:transparent}.title-bar{border:.125rem solid var(--accent);background:var(--window-header);display:flex;align-items:center;padding:.4rem;margin-bottom:.3rem;border-bottom:.125rem solid var(--accent);gap:.2rem}.hoverable-window:hover .title-bar{background:var(--main-bg)}.title{font-weight:700;color:var(--accent);font-family:var(--font);flex-grow:1;text-align:left;padding-left:.3rem;font-size:1.1rem}.window-controls{display:flex;gap:.3rem}.btn{width:1.2rem;height:1.2rem;border-radius:50%;border:.125rem solid var(--accent);background:var(--highlight)}.btn.close{background:#ff6b6b;width:1.2rem;height:1.2rem;border-radius:50%;border:.125rem solid var(--accent)}.btn.minimize{background:#fc0;width:1.2rem;height:1.2rem;border-radius:50%;border:.125rem solid var(--accent)}.btn.maximize{background:#0c6;width:1.2rem;height:1.2rem;border-radius:50%;border:.125rem solid var(--accent)}.btn.box{margin-right:0;flex-shrink:0;border-radius:0!important;background:var(--accent)!important}.bottom-bar{display:flex;align-items:center;justify-content:flex-start;gap:.125rem;padding-left:0rem;margin-left:0%}.btmbtn{display:inline-flex;align-items:center;justify-content:center;border:.125rem solid var(--accent);background:var(--pinklight)}.btmbtn.main{margin-top:.3rem;width:2.5rem;height:.45rem;border-bottom:none}.btmbtn.small{width:.13rem;height:.13rem;margin-top:.1rem}.content{padding:1.5rem;background:var(--window-background);border:.125rem solid var(--accent);font-size:1rem}h1,h2{color:var(--accent);margin-top:0;font-family:var(--font)}h1{font-size:2.8rem;margin-bottom:.7rem}h2{font-size:1.5rem;margin-top:1.5rem}ul{padding-left:1.2em;font-size:1rem;margin-top:.5rem}a{color:var(--accent);font-weight:700;text-decoration:underline;font-size:1rem}a:hover{background:var(--highlight);color:#000}@media (max-width: 1000px){:root{font-size:16px}#side-navbar{transform:translate(-150%) translateY(-50%);opacity:0;pointer-events:none;right:1.5rem}#side-navbar.open{transform:translate(0) translateY(-50%);opacity:1;pointer-events:auto}#nav-toggle{display:block}.intro-flex{flex-direction:column;align-items:center;text-align:center}.pfp{width:100px;height:100px}.greeting{font-size:2rem}h1{font-size:2.2rem}ul{font-size:.95rem;padding-left:0;list-style-position:inside}.content{padding:1rem}.window-controls .btn{width:1rem;height:1rem}}html,body{margin:0;width:100%;height:100%}