*{margin:0;padding:0;box-sizing:border-box}body{background:#3a6ea5;font-family:Courier New,"MS Sans Serif",Fixedsys,monospace;overflow-x:hidden}.desktop{background:teal;min-height:100vh;padding:20px}.window{background:#ece9d8;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:2px 2px #0002;margin:2rem auto;max-width:800px;width:90%}.title-bar{background:navy;padding:4px 6px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;font-family:"MS Sans Serif",Courier New,monospace;font-size:12px}.title-bar-text{letter-spacing:.5px}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{background:silver;border:1px solid;border-color:#ffffff #808080 #808080 #ffffff;width:16px;height:14px;font-size:10px;line-height:1;text-align:center;cursor:pointer;font-family:monospace}.window-content{padding:20px;background:#fff;border:1px solid #808080;margin:2px}.btn-classic{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:4px 12px;font-family:inherit;font-size:11px;cursor:pointer}.btn-classic:active{border-color:#808080 #ffffff #ffffff #808080}.menu-list{list-style:none;padding:0}.menu-list li{margin:12px 0}.menu-list a,.menu-list button{display:block;background:#ece9d8;border:1px solid #808080;padding:6px 12px;text-decoration:none;color:#000;font-family:monospace;font-size:14px;cursor:pointer;width:100%;text-align:left}.menu-list a:hover,.menu-list button:hover{background:navy;color:#fff;border-color:#fff}.taskbar{position:fixed;bottom:0;left:0;right:0;background:silver;border-top:2px solid #ffffff;padding:2px 6px;display:flex;align-items:center;gap:8px;font-family:"MS Sans Serif",monospace;font-size:11px;z-index:100}.start-button{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:2px 8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.start-button:active{border-color:#808080 #ffffff #ffffff #808080}.taskbar-time{margin-left:auto;border-left:1px solid #808080;padding-left:8px}h1,h2,h3{font-weight:400;font-family:"MS Sans Serif",monospace;margin-bottom:12px}h1{font-size:18px;border-left:4px solid #000080;padding-left:8px}h2{font-size:14px;border-bottom:1px solid #c0c0c0;padding-bottom:2px}.skill-list,.info-list{list-style:none;padding-left:0}.skill-list li,.info-list li{margin:6px 0;font-family:monospace;font-size:12px}hr{border:none;border-top:1px solid #c0c0c0;margin:16px 0}.back-link{display:inline-block;margin-bottom:16px;background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:2px 8px;text-decoration:none;color:#000;font-size:11px;cursor:pointer}.back-link:active{border-color:#808080 #ffffff #ffffff #808080}.desktop-icon{transition:all .05s linear}.desktop-icon:hover{background:#ffffff1a;outline:1px solid #ffffff;outline-offset:2px}.start-menu button:hover{color:#fff}.xp-desktop{background-repeat:no-repeat;background-attachment:fixed}.notepad-scroll::-webkit-scrollbar{width:14px}.notepad-scroll::-webkit-scrollbar-track{background:silver;border:1px solid #808080}.notepad-scroll::-webkit-scrollbar-thumb{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}.notepad-scroll::-webkit-scrollbar-thumb:hover{background:#b0b0b0}
