body{font-family:Inter,sans-serif;background-color:teal;margin:0;padding:0;overflow:hidden;color:#000}.desktop{width:100vw;height:100vh;overflow:hidden;position:relative;cursor:default;padding-top:10px;padding-left:10px}.icon{display:inline-flex;flex-direction:column;align-items:center;margin:15px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100px;vertical-align:top;text-align:center}.icon img{width:48px;height:48px;margin-bottom:8px}.icon span{color:#fff;font-size:.75rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:normal;word-wrap:break-word;max-width:100%;text-align:center}.window{background-color:silver;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-right:2px solid #000000;border-bottom:2px solid #000000;box-shadow:2px 2px 2px #0006;position:absolute;top:50px;left:100px;width:320px;height:240px;display:none;flex-direction:column;z-index:10;box-sizing:border-box}.window.active{display:flex;z-index:20}.window.resizable{resize:both;overflow:hidden;min-width:200px;min-height:150px}.window-titlebar{background-color:navy;color:#fff;padding:3px 4px;font-size:.8rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:grab;height:22px;box-sizing:border-box}.window-titlebar:active{cursor:grabbing}.window-title{margin-right:auto;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px)}.window-controls{display:flex;gap:3px}.window-control-button{width:16px;height:16px;background-color:silver;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #000000;border-bottom:1px solid #000000;box-shadow:inset 1px 1px #ffffff80;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Times New Roman,serif;font-size:.8rem;font-weight:700;line-height:0;padding:0;color:#000}.window-control-button:active{border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;box-shadow:none}.window-content{padding:2px;font-size:.9rem;flex-grow:1;overflow:auto;background-color:#fff;border:1px inset #808080;margin:2px;position:relative;display:flex;flex-direction:column}.window-content textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-family:Courier New,Courier,monospace;font-size:.9rem;padding:5px;box-sizing:border-box}.window-content iframe{width:100%;height:100%;border:none;display:block}#dosbox-container,#doom-container,#wolf3d-container{width:100%;height:100%;position:relative}.jsdos{position:relative;width:100%!important;height:100%!important;background-color:#000}.jsdos canvas{width:100%!important;height:100%!important;object-fit:contain}#doom .window-content iframe,#wolf3d .window-content iframe{width:100%;height:100%;border:none;display:block;background-color:#000}.start-menu{background-color:silver;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-right:2px solid #000000;border-bottom:2px solid #000000;box-shadow:2px 2px 3px #0006;position:absolute;bottom:36px;left:0;width:180px;display:none;flex-direction:column;z-index:50;padding:2px}.start-menu.active{display:flex}.start-menu-item{padding:5px 10px 5px 25px;font-size:.8rem;color:#000;cursor:pointer;white-space:nowrap;position:relative}.start-menu-item:hover{background-color:navy;color:#fff}#taskbar{background-color:silver;border-top:2px solid #FFFFFF;position:fixed;bottom:0;left:0;width:100%;height:36px;display:flex;align-items:center;padding:3px;z-index:40;box-sizing:border-box}#start-button{background-color:silver;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-right:2px solid #000000;border-bottom:2px solid #000000;padding:2px 8px;margin-right:5px;cursor:pointer;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px;height:30px;box-sizing:border-box}#start-button:active{border-top:2px solid #000000;border-left:2px solid #000000;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;padding:3px 7px 1px 9px}#start-button img{width:20px;height:20px}#taskbar-apps{display:flex;flex-grow:1;height:100%;align-items:center;overflow:hidden}.taskbar-app{background-color:silver;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #000000;border-bottom:1px solid #000000;padding:2px 6px;margin:0 2px;cursor:pointer;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;height:28px;display:flex;align-items:center;gap:4px;box-sizing:border-box;flex-shrink:0;box-shadow:inset 1px 1px #ffffff80}.taskbar-app img{width:16px;height:16px}.taskbar-app.active,.taskbar-app:active{border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background-color:#e0e0e0;box-shadow:none;padding:3px 5px 1px 7px}.notepad-textarea{font-family:Courier New,Courier,monospace;font-size:.9rem;padding:5px;box-sizing:border-box;background-color:#fff;border:1px solid #808080;flex-grow:1;width:100%;resize:none}.browser-viewport{position:relative;flex-grow:1;background-color:#fff;overflow:hidden}.window-icon{display:inline-flex;flex-direction:column;align-items:center;width:80px;padding:10px;margin:5px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:top}.window-icon:hover,.window-icon:hover span{background-color:navy;color:#fff}.window-icon img{width:32px;height:32px;margin-bottom:5px}.window-icon span{font-size:.7rem;color:#000;max-height:2.4em;overflow:hidden;line-height:1.2em}#myComputer .window-content,#aboutMe .window-content,#resume .window-content,#github .window-content,#sendMail .window-content,#links .window-content{flex-direction:column}