@font-face{font-family:"W95 Sans Serif";src:url(/assets/w-95-sans-serif-BXpbjoS8.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-Black-B96L21ax.woff2) format("woff2"),url(/assets/Orbitron-Black-DCEt7p-8.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Visual;src:url(/assets/Visual-Bold-DsxTf_U1.woff2) format("woff2"),url(/assets/Visual-Bold-ZL7YSPsj.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-Regular-D8AUKiz8.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Millennium Regular;src:url(/assets/Millennium-Regular_0--2--Wy5N.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{border-radius:0!important}*{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}body{cursor:url(data:image/x-icon;base64,AAACAAEAICAAAAoACgAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAwAAAAMAAAAGAAAABgAAAAwAAAEMAAABmAAAAdgAAAH4AAAB/wAAAf4AAAH8AAAB+AAAAfAAAAHgAAABwAAAAYAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////z////4f///+H////D///3w///84f///GH///wD///8A////AA///wAf//8AP///AH///wD///8B////A////wf///8P////H////z////9////////////////////////////////////////////////////////8=),auto}button{cursor:url(data:image/x-icon;base64,AAACAAEAICAAAAoACgAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AAAAAAAAAAAAAB/gAAAf4AAAP/AAAD/wAAB/8AAAf/gAAP/4AAC/+AABv/gAA7/4AAM/2AAANtgAADbQAAA2wAAANgAAADAAAAAwAAAAMAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////AD///wA///8AP//+AB///gAf//wAH//8AA//+AAP//gAD//wAA//4AAP/+AAD//iAA///gAf//4AP//+AP///gf///4f///+H////h////4f////P//////////////////////////////////////////////////8=),pointer}html,body{height:100%}body{margin:0;background-color:teal;font-family:"W95 Sans Serif",Tahoma,sans-serif;position:relative;overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 1px,transparent 1px,transparent 2px);opacity:.35}.center{display:flex;align-items:center;justify-content:center}:root{font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:12px;--bg-window: #c0c0c0;--bg-sidebar: #7c7c7c;--border-light: #ffffff;--border-dark: #808080;--border-black: #000000;--highlight-blue: #000080;--highlight-text: #ffffff}.App{height:100vh;width:100%;image-rendering:pixelated;overflow-y:hidden;overflow-x:hidden}html,body{height:100%;margin:0;overflow:hidden;background-color:teal}#root{height:100%}.white{color:#fff}.icon-container{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;width:100%;height:calc(100vh - 40px);padding:12px;gap:32px;box-sizing:border-box}.individual-icon{width:72px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:default;-webkit-user-select:none;user-select:none}.individual-icon *{pointer-events:none}.icon-container-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.icon-container-icon img{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges}.icon-container-text{color:var(--text-titlebar);font-size:12px;line-height:1.2;text-align:center;letter-spacing:.4px;max-width:72px;padding:2px 4px;word-break:break-word}.individual-icon.selected .icon-container-text{background-color:navy;color:#fff}.individual-icon.selected img{filter:brightness(.9)}.individual-icon:hover .icon-container-text{background-color:#00008026}*{-webkit-font-smoothing:none;font-smooth:never}.app-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1200px;height:80vh;display:flex;flex-direction:column;background:var(--bg-window);z-index:500}.app-body{flex:1;padding:0;overflow:hidden;background:#fff}.app-layout{display:grid;grid-template-columns:180px 1fr;height:100%}.app-sidebar{padding:12px;border-right:2px solid var(--border-dark);background:#fff;display:flex;flex-direction:column;gap:10px}.app-sidebar a{color:#00e;text-decoration:underline;cursor:pointer;font-weight:700}.app-sidebar a.active{color:#551a8b}.app-content{padding:20px;overflow-y:auto;line-height:1.5}.app-content h1{font-size:36px;margin:0 0 4px;font-family:Times New Roman,serif}.app-content h2{font-size:18px;margin-bottom:16px}.app-content hr{margin:20px 0;border:none;border-top:2px solid #000}.resume-link{font-weight:700}.resume-link a{color:#00e;text-decoration:underline;cursor:pointer}.status-bar{height:22px;padding:2px 6px;background:silver;border-top:2px solid var(--border-light);font-size:11px;display:flex;align-items:center}.window{background-color:silver;border:2px solid;border-color:#dfdfdf #404040 #404040 #dfdfdf;box-shadow:2px 2px 10px #0000004d;font-family:"MS Sans Serif",Segoe UI,Tahoma,Geneva,sans-serif;font-size:11px;position:fixed;top:300px;left:700px;transform:translate(-50%,-50%);width:1200px;height:500px;min-width:600px;min-height:300px;resize:both;display:flex;flex-direction:column;overflow:hidden;z-index:1000}.window.active{z-index:1001}.title-bar{flex-shrink:0;background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:3px 2px 3px 3px;display:flex;align-items:center;justify-content:space-between;height:20px;cursor:move;-webkit-user-select:none;user-select:none;position:relative;font-weight:700;letter-spacing:.3px;touch-action:none}.title-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,white 0%,#1084d0 50%,transparent 100%)}.title-bar-text{padding-left:4px;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 1px rgba(0,0,0,.3);font-size:12px;-webkit-user-select:none;user-select:none}.title-bar-controls{display:flex;gap:1px}.title-bar-controls button{background-color:silver;border:1px solid;border-color:#dfdfdf #404040 #404040 #dfdfdf;width:16px;height:14px;padding:0;margin:0 1px 0 0;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .1s ease;overflow:hidden}.title-bar-controls button:hover{background-color:#d0d0d0}.title-bar-controls button:active{border-color:#404040 #dfdfdf #dfdfdf #404040;background-color:#a0a0a0;transform:translate(1px,1px)}.title-bar-controls button img{width:8px;height:8px;object-fit:contain;filter:brightness(0);pointer-events:none}.window-body{background-color:silver;padding:12px;border:8px solid;border-color:#404040 #dfdfdf #dfdfdf #404040;background-color:#fff;flex:1;min-height:0;position:relative;overflow:auto;box-sizing:border-box}.window-body:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#fff}.window-body p{margin:0 0 12px;color:#000;line-height:1.4}.window.maximized{top:0;left:0;transform:none;width:100vw;height:100vh;min-width:unset;min-height:unset;resize:none}.outer-box{height:100%;width:100%;margin:50px auto;padding:0;display:flex;flex-direction:column;justify-content:center;align-content:center}.outer-box h1{color:var(--highlight-blue);position:relative;font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-size:83px;letter-spacing:-1px;line-height:20px}.outer-box h3{font-family:Pixelify Sans,serif;font-weight:500;font-style:normal;text-align:center;font-size:39px;margin-top:auto;margin-bottom:20px}.third{width:100%;font-family:"W95 Sans Serif";font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:36px;cursor:pointer}.third h4{color:var(--highlight-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-size:13px}.clickable h4{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 6px}.clickable h4:hover{background-color:silver;border:1px solid #808080;border-top-color:#fff;border-left-color:#fff}.clickable h4:active{border-top-color:gray;border-left-color:gray;border-bottom-color:#fff;border-right-color:#fff;transform:translate(1px,1px)}.showcase-layout{display:flex;height:100%;width:100%}.left-panel{width:220px;flex-shrink:0;padding:16px;position:sticky}.right-panel{flex:1;overflow-y:visible;background:#fff;padding:16px}.right-panel h1{font-family:Orbitron;font-size:50px;margin-top:2px}.right-panel h3{font-family:Millennium Regular;margin:20px auto auto;font-size:24px}.right-panel p{font-family:Millennium Regular;font-size:18px}.left-panel-heading h1{font-family:Orbitron;font-size:40px;margin:2px}.left-panel-heading h3{font-family:Pixelify Sans;font-size:17px;margin-top:auto;padding-left:8px}.left-panel-navigation-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}.left-panel-navigation-container h4{font-family:"W95 Sans Serif";color:var(--highlight-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-size:13px}.resume-callout{display:flex;align-items:center;gap:14px;padding:10px 0;font-family:"MS Sans Serif",sans-serif}.resume-icon{width:32px;height:32px;image-rendering:pixelated}.resume-text h4{font-family:Millennium Regular;margin:0;font-size:24px}.resume-text a{font-family:"W95 Sans Serif";font-size:14px;color:#00e;text-decoration:underline;cursor:pointer}.resume-text a:visited{color:#551a8b}.contact{font-family:"W95 Sans Serif",sans-serif}.contact h1{font-family:Orbitron,sans-serif;font-weight:900;font-size:52px;margin-bottom:20px;letter-spacing:1px}.contact-intro{font-family:Millennium Regular,serif;font-size:16px;line-height:1.5;max-width:620px;margin-bottom:18px}.contact-email{font-family:Visual,sans-serif;font-size:15px;margin-bottom:26px}.contact-email a{color:#00f;text-decoration:underline}.contact-form{max-width:620px;display:flex;flex-direction:column;gap:14px}.contact-form label{font-family:Visual,sans-serif;font-size:14px;display:flex;flex-direction:column}.contact-form span{margin-bottom:4px}.contact-form input,.contact-form textarea{font-family:"W95 Sans Serif",sans-serif;font-size:14px;padding:6px;border:2px inset #c0c0c0;background:#fff;color:#000}.contact-form button{font-family:Visual,sans-serif;font-size:14px;padding:6px 18px;margin-top:8px;background:silver;border:2px outset #ffffff;cursor:pointer}.contact-form button:active{border:2px inset #ffffff}.project-image-frame{margin:20px 0;padding:6px;background:silver;border:2px solid;border-color:#404040 #dfdfdf #dfdfdf #404040;box-sizing:border-box}.projects-image{display:block;width:100%;max-width:900px;height:auto;margin:0 auto;border:2px solid;border-color:#dfdfdf #404040 #404040 #dfdfdf;background:#fff;image-rendering:auto}.projects-h-link{color:var(--highlight-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;letter-spacing:1px}.links-container a{font-family:"W95 Sans Serif";color:var(--highlight-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-size:13px;letter-spacing:1px}.task-bar{position:fixed;bottom:0;left:0;height:28px;width:100%;background:silver;display:flex;align-items:center;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #808080;border-bottom:2px solid #808080;font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:12px;z-index:1000}.task-bar-container{display:flex;justify-content:space-between;align-items:center;gap:2px}.start-button{order:0}.icon-tray{flex-grow:1}.start-button{padding-left:2px}.start-btn{display:flex;align-items:center;gap:4px;height:24px;padding:0 6px;background:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #404040;border-bottom:2px solid #404040;cursor:pointer}.start-btn:active{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff}.start-btn img{width:16px;height:16px}.start-menu{z-index:1001;position:fixed;bottom:33px;left:0;width:250px;height:250px;background-color:var(--bg-window);display:flex;flex-direction:row;border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-right:2px solid var(--border-black);border-bottom:2px solid var(--border-black);box-shadow:1.5px 1.5px 0 var(--border-dark)}.start-menu-sidebar{width:35px;background-color:var(--bg-sidebar);display:flex;align-items:flex-end;padding:10px 4px;text-orientation:sideways}.sidebar-title{writing-mode:vertical-rl;transform:rotate(180deg);margin:2px;font-family:Terminal,monospace;font-size:2rem;font-weight:700;color:silver;text-shadow:1px 1px var(--border-black);letter-spacing:1px}.start-menu-main{flex-grow:1;display:flex;flex-direction:column-reverse;padding:2px}.menu-item{display:flex;align-items:center;gap:10px;height:50px;padding:0 8px;text-decoration:none;color:var(--border-black);cursor:pointer}.menu-item:hover{background-color:var(--highlight-blue);color:var(--highlight-text)}.menu-icon img{width:32px;height:32px;display:block}.menu-text{font-family:MSSansSerif,Arial,sans-serif;font-size:13px}a.menu-item:visited{color:var(--border-black)}a.menu-item:hover{color:var(--highlight-text)}.icon-tray{flex-grow:1;height:24px;margin:0 4px;background:silver;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;display:flex;align-items:center;padding-left:4px}.SoundnTime{display:flex;justify-content:space-around;gap:4px}.SoundnTime{display:flex;align-items:center;gap:6px;padding:0 6px;height:24px;background:silver;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff}.task-bar-right-sound img{width:14px;height:16px}.task-bar-right-time{min-width:40px;text-align:center}