*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{height:100vh;position:relative}.projects-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.project-row{display:flex;flex-wrap:wrap;gap:20px}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}@keyframes pulse{0%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(1.1)}}.desktop-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#182b3a,#0a4d6e),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="50" height="50" x="0" y="0" fill="%2300529C" opacity="0.1"/><rect width="50" height="50" x="50" y="50" fill="%2300529C" opacity="0.1"/></svg>');z-index:1;overflow:hidden}.desktop-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,163,224,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,163,224,.1) 1px,transparent 1px);background-size:30px 30px;opacity:.3}.name-display{position:fixed;top:20%;left:0;right:0;text-align:center;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,163,224,.7);letter-spacing:-1px;pointer-events:none;z-index:1}.name-display:after{content:"_";animation:blink 1s step-end infinite}.school-display{position:fixed;top:calc(20% + 4.5rem);left:0;right:0;text-align:center;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;font-family:Courier New,monospace;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,#00a3e0,#6ecff5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none;z-index:1}.triton-logo{position:fixed;bottom:30px;right:30px;width:120px;height:120px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 10L90 50L50 90L10 50L50 10Z" fill="none" stroke="%2300A3E0" stroke-width="0.5"/><path d="M30 50H70M50 30V70" fill="none" stroke="%2300A3E0" stroke-width="0.5"/></svg>') center/contain no-repeat;opacity:.2;animation:pulse 8s infinite alternate;pointer-events:none}.desktop{position:relative;height:calc(100vh - 45px);padding:20px;display:flex;flex-direction:column;z-index:2}.main-icons-container{display:flex;flex-direction:column;gap:45px}.system-icons,.project-icons{display:flex;flex-wrap:wrap;gap:20px}.folder{display:flex;flex-direction:column;align-items:center;width:100px;cursor:pointer;text-align:center;padding:5px;border-radius:3px;transition:background-color .2s ease;flex-shrink:0}.folder:hover{background-color:#fff3}.folder-icon{width:80px;height:60px;background:linear-gradient(145deg,#2196f3,#0d8aee);border-radius:5px 5px 0 0;position:relative;margin-bottom:5px;box-shadow:2px 2px 5px #0003;transition:all .2s ease}.folder-icon:after{content:"";position:absolute;width:30px;height:5px;background:linear-gradient(145deg,#1a82d8,#0d8aee);bottom:-5px;left:0;border-radius:0 0 5px 5px}.folder:hover .folder-icon{transform:translateY(-3px);box-shadow:2px 5px 10px #0000004d}.folder-name{color:#fff;font-size:12px;text-shadow:1px 1px 1px black;word-break:break-word;overflow-wrap:anywhere;text-align:center}.window{position:absolute;width:min(90%,500px);border:1px solid #2c3e50;box-shadow:0 10px 20px #0000004d;background:#fffffff2;border-radius:5px;z-index:10;-webkit-user-select:none;user-select:none}.window-header{background:linear-gradient(to right,#2c3e50,#3498db);color:#fff;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;cursor:move;border-radius:5px 5px 0 0;font-weight:700;letter-spacing:.5px}.close-button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0 5px;transition:background-color .2s ease}.close-button:hover{background-color:#fff3}.window-content{padding:15px;min-height:200px;background:#fff;color:#2c3e50;-webkit-user-select:text;user-select:text}.window-content h2{color:#3498db;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.window-content h3{color:#2980b9;margin-top:20px;font-size:1.1rem}.resume-icons{position:absolute;top:150px;right:20px;display:flex;flex-direction:column;gap:20px;align-items:center;z-index:2}.doc-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;padding:5px;border-radius:3px;transition:background-color .2s ease}.doc-icon:hover{background-color:#fff3}.doc-icon-image{width:70px;height:80px;background-image:url(/doc-icon.png);background-size:cover;background-position:center;border-radius:5px;margin-bottom:5px;box-shadow:2px 2px 5px #0003}.github-icon-image{width:80px;height:80px;background-image:url(/github.png);background-size:cover;background-position:center;border-radius:5px;margin-bottom:5px}.linkedin-icon-image{width:80px;height:80px;background-image:url(/linkedIn.png);background-size:cover;background-position:center;border-radius:5px;margin-bottom:5px}.doc-icon .folder-name{color:#fff;font-size:12px;text-align:center;text-shadow:1px 1px 1px black;word-break:break-word}@media (max-width: 768px){html,body{overflow-y:auto!important;overflow-x:hidden;height:auto!important;min-height:100%;position:static!important;-webkit-overflow-scrolling:touch}.desktop-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:50px 50px;z-index:0}.triton-logo{display:none}.name-display{position:absolute;top:50px;left:0;width:100%;font-size:1.8rem;padding:0 10px;z-index:1}.school-display{position:absolute;top:90px;left:0;width:100%;font-size:.9rem;z-index:1}.desktop{position:relative;height:auto!important;min-height:100vh;padding:150px 10px 10px;display:flex;flex-direction:column;overflow:visible;z-index:2}.main-icons-container{gap:20px}.system-icons,.project-icons{gap:15px;justify-content:center}.project-row{justify-content:center;gap:15px}.folder{width:80px;padding:2px}.folder-icon{width:60px;height:45px}.folder-icon:after{width:25px}.folder-name{font-size:11px}.resume-icons{position:relative;top:auto;right:auto;display:flex;flex-direction:row;justify-content:center;width:100%;gap:20px;margin-top:50px;padding-bottom:50px}.doc-icon-image{width:50px;height:60px}.github-icon-image,.linkedin-icon-image{width:60px;height:60px}.window{width:90vw!important;max-height:70vh;overflow-y:auto}.window-header{padding:10px}}