*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:72px 24px 90px;background-color:#354e69;background-image:radial-gradient(ellipse at 65% 10%,#8b859f66,transparent 65%),repeating-linear-gradient(0deg,transparent 0 3px,#00000008 3px 4px);color:#222;font:14px Tahoma,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:2px dashed #172f7d;outline-offset:5px}.desktop-icons{position:absolute;left:25px;top:30px;display:grid;gap:28px;text-align:center}.desktop-icons a{display:grid;justify-items:center;gap:7px;color:white;text-decoration:none;font-size:12px;text-shadow:1px 1px #152333}.desktop-icons a>span:first-child{font:42px Georgia;color:#ffedb3;line-height:1}.window{width:min(790px,100%);margin:auto;padding:4px;background:#c0c0c0;box-shadow:inset 1px 1px white,inset -1px -1px #222,1px 1px #111,12px 18px 0 #17293d33}.titlebar{background:linear-gradient(90deg,#23265b,#79749b);color:white;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 5px 4px 9px;font-size:12px;font-weight:bold}.titlebar a{background:#c0c0c0;color:#111;text-decoration:none;box-shadow:inset 1px 1px white,inset -1px -1px #444;width:23px;height:22px;text-align:center;font:22px/20px Arial;flex-shrink:0}.menu{display:flex;gap:22px;padding:10px 12px}.menu a{text-decoration:none}.menu a:hover{text-decoration:underline}.address{display:flex;gap:12px;align-items:center;padding:2px 10px 10px;font-size:12px}.address div{flex:1;background:#fff;padding:6px 8px;box-shadow:inset 1px 1px #666,inset -1px -1px white}.window-content{padding:46px 50px 28px;background:#f6f3ec;box-shadow:inset 1px 1px #777,inset -1px -1px white}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:1.8px;color:#756a80}.intro h1{font:normal clamp(40px,7vw,64px)/1.1 Georgia,serif;letter-spacing:-2px;margin:24px 0 16px;color:#39354d}.intro h1 span{float:right;color:#a78b48;font-size:65px}.intro p{font:16px/1.7 Georgia,serif;color:#615b65}.divider{margin:30px 0;color:#b29c6b;white-space:nowrap;overflow:hidden;text-align:center}.folder-heading{display:flex;justify-content:space-between;align-items:center}.folder-heading h2{font-size:14px;font-weight:normal}.folder-heading>span{font:11px 'Courier New',monospace;color:#777}.project{display:flex;align-items:center;gap:25px;padding:22px 18px;color:#292641;text-decoration:none;border:1px solid #cbc5b8;background:#fffcf6;box-shadow:3px 3px #e3ded4}.project:hover{background:#efebff;border-color:#7a719d}.project-info{display:grid;gap:8px}.project strong{font:24px Georgia,serif}.project-info>span{font-size:12px}.project small{font-size:11px;color:#817b85}.open-project{margin-left:auto;font-size:12px;white-space:nowrap}.folder{position:relative;display:grid;place-items:center;flex-shrink:0;width:65px;height:48px;background:#e1bb62;border:2px solid #7d6332;box-shadow:inset 2px 2px #fff0a4,2px 2px #e3dac7;transform:skewY(-3deg)}.folder:before{content:'';position:absolute;left:-2px;top:-10px;width:29px;height:10px;background:#e1bb62;border:2px solid #7d6332;border-bottom:0}.folder span{font:28px Georgia;color:#7d6332}.folder-note{font:12px/1.6 Georgia;color:#89808a;margin:20px 0 35px}.web-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.web-badges span{min-width:90px;padding:4px 6px;font:8px/1.25 'Courier New',monospace;text-align:center;letter-spacing:.5px;border:2px ridge #aaa;background:#ded9e6;color:#47415e}.web-badges span:nth-child(2){background:#e6debf;color:#675838}.web-badges span:nth-child(3){background:#344355;color:#f8e9bc}.statusbar{display:flex;gap:5px;margin-top:5px;font-size:11px}.statusbar span{padding:5px 8px;box-shadow:inset 1px 1px #888,inset -1px -1px #eee}.statusbar span:first-child{flex:1}.taskbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;background:#c0c0c0;padding:5px;border-top:2px solid #fff;height:42px}.start,.task{padding:6px 12px;box-shadow:inset 1px 1px white,inset -1px -1px #333;text-decoration:none;font-weight:bold}.task{font-size:12px;min-width:170px;background:#d2d2d2;box-shadow:inset 1px 1px #777,inset -1px -1px #fff}.taskbar time{margin-left:auto;padding:7px 12px;box-shadow:inset 1px 1px #888,inset -1px -1px white;font-size:12px}@media(max-width:1100px){.desktop-icons{position:static;display:flex;gap:26px;margin:0 auto 26px;max-width:790px}body{padding-top:25px}.desktop-icons a>span:first-child{font-size:32px}}@media(max-width:560px){body{padding:20px 12px 68px}.window-content{padding:30px 20px 24px}.intro h1 span{font-size:45px}.eyebrow{font-size:9px;letter-spacing:1px}.project{gap:16px;padding:22px 12px;flex-wrap:wrap}.open-project{margin-left:81px}.statusbar{font-size:9px}.task{min-width:100px}.intro p{font-size:15px}}

.project-info>.development-badge{justify-self:start;padding:5px 9px;border:1px solid #9a702b;background:#f6df9c;color:#503709;font:bold 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px}