@font-face{src:url(/fonts/W95FA.otf)format("opentype");font-family:win9xfont}:root{--os-ref-h:620;--os-px:calc(100vh / var(--os-ref-h));--taskbar-h:calc(48 * var(--os-px));--taskbar-btn-h:calc(32 * var(--os-px));--taskbar-font:calc(15 * var(--os-px));--titlebar-h:calc(26 * var(--os-px));--titlebar-font:calc(12.5 * var(--os-px));--titlebar-btn:calc(17 * var(--os-px));--titlebar-btn-icon:calc(9.5 * var(--os-px));--toolbar-font:calc(11 * var(--os-px));--taskbar-safe-b:0px;--desktop-bg:teal;--chrome-bg:#c3c3c3;--chrome-shade:#818181;--chrome-bevel:inset 1px 1px #fff, 1px 1px #000;letter-spacing:.18px;color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.45 win9xfont,system-ui,sans-serif}html[data-shell=mobile]{--os-px:clamp(.85px, calc(100vw / 400), 1.3px);--taskbar-safe-b:env(safe-area-inset-bottom,0px);--taskbar-h:calc(52 * var(--os-px) + var(--taskbar-safe-b))}*{box-sizing:border-box;margin:0;padding:0;font-family:win9xfont}html{scroll-behavior:smooth}body{background-color:var(--desktop-bg);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}html[data-shell=mobile]{-webkit-tap-highlight-color:transparent}html[data-shell=mobile] button,html[data-shell=mobile] .app-container{touch-action:manipulation}#root{position:fixed;inset:0;overflow:hidden}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background-color:var(--chrome-bg);box-shadow:var(--chrome-bevel)}::-webkit-scrollbar-track{background-color:var(--chrome-bg);box-shadow:var(--chrome-bevel)}html[data-shell=mobile] ::-webkit-scrollbar{width:0;height:0}button,input[type=button],input[type=submit],input[type=reset]{cursor:pointer}.desktop-background{background-color:var(--desktop-bg);position:absolute;inset:0}.windows-logo{left:50%;top:calc(50% - var(--taskbar-h) / 2);width:min(22vw,30vh);height:auto;position:absolute;transform:translate(-50%,-50%)}.window{width:74vw;height:84vh;min-width:calc(300 * var(--os-px));min-height:calc(200 * var(--os-px));max-width:100vw;max-height:calc(100vh - var(--taskbar-h));border:2px solid var(--chrome-bg);z-index:10;outline:2px solid #fff;flex-direction:column;display:flex;position:absolute;overflow:hidden}.window--mobile{width:100%;height:calc(100% - var(--taskbar-h));border:none;outline:none;min-width:0;max-width:100%;min-height:0;max-height:none;top:0;left:0}.window-header{height:var(--titlebar-h);padding:0 calc(3 * var(--os-px));border-bottom:2px solid var(--chrome-bg);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-image:linear-gradient(90deg,#010081 10%,#5a6ff5 90%);outline:2px solid #fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.window-header-title{color:#fff;min-width:0;font-size:var(--titlebar-font);align-items:center;display:flex}.window-header-text{font-size:var(--titlebar-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.window-header-app-img{width:calc(16 * var(--os-px));height:calc(16 * var(--os-px));margin-left:calc(4 * var(--os-px));margin-right:calc(6 * var(--os-px));flex-shrink:0}.window-header-controls{align-items:center;gap:calc(2 * var(--os-px));flex-shrink:0;display:flex}.minimize-button,.maximize-button,.close-button{width:var(--titlebar-btn);height:var(--titlebar-btn);background-color:var(--chrome-bg);box-shadow:var(--chrome-bevel);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex}.minimize-button-img,.maximize-button-img,.close-button-img{width:var(--titlebar-btn-icon);height:var(--titlebar-btn-icon)}.window--mobile .window-header{height:calc(34 * var(--os-px));padding:0 calc(5 * var(--os-px))}.window--mobile .minimize-button,.window--mobile .close-button{width:calc(28 * var(--os-px));height:calc(26 * var(--os-px))}.window--mobile .minimize-button-img,.window--mobile .close-button-img{width:calc(13 * var(--os-px));height:calc(13 * var(--os-px))}.window--mobile .window-header-controls{gap:calc(4 * var(--os-px))}.window-browser-controls{background-color:var(--chrome-bg);flex-shrink:0}.window-browser-controls-toolbar{height:calc(18 * var(--os-px));align-items:center;padding-top:1px;display:flex}.window-browser-controls-text{color:#000;padding-left:calc(10 * var(--os-px));font-size:var(--toolbar-font)}.window-browser-controls-divider{background-color:var(--chrome-shade);height:1px;box-shadow:var(--chrome-bevel)}.window-browser-controls-address-bar{margin-top:calc(3 * var(--os-px));margin-bottom:calc(3 * var(--os-px));align-items:center;display:flex}.window-browser-controls-address{margin-left:calc(5 * var(--os-px));width:calc(54 * var(--os-px));font-size:var(--toolbar-font);flex-shrink:0}.window-browser-controls-address-text{margin-left:calc(5 * var(--os-px));margin-right:calc(5 * var(--os-px));padding-left:calc(8 * var(--os-px));width:100%;height:calc(20 * var(--os-px));font-size:var(--toolbar-font);text-align:left;background-color:#fff;align-items:center;display:flex}.window-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.portfolio-content{--ink:#000;--paper:#fff;--content-max:880px;--font-body:"Times New Roman", Times, serif;--font-banner:var(--font-body);--font-about:var(--font-body);--font-projects:var(--font-body);--font-hobbies:var(--font-body);--box-line:#000;--box-fill:#fff;--box-head-fill:#eee;--box-head-ink:#000;--box-ink:#000;--wall-image:url(/profile%20pictures/sky_tile.jpg);--wall-size:300px 196px;--floor-image:url(/profile%20pictures/clovers_tile.jpg);--floor-size:48px 48px;--footer-image:url(/profile%20pictures/wood_tile.jpg);--footer-size:128px 128px;min-height:0;color:var(--ink);background-color:var(--paper);font-family:var(--font-body);flex-direction:column;flex:1;display:flex}.portfolio-content *{font-family:inherit}.portfolio-content .portfolio-banner-text{font-family:var(--font-banner)}.portfolio-content .portfolio-head-about{font-family:var(--font-about)}.portfolio-content .portfolio-head-projects{font-family:var(--font-projects)}.portfolio-content .portfolio-head-hobbies{font-family:var(--font-hobbies)}.portfolio-theme-mint{--box-line:#1f9e57;--box-fill:#ccf5d8;--box-head-fill:#a4ecbf;--box-head-ink:#0b5c30;--box-ink:#0a4429}.portfolio-theme-peach{--box-line:#e2662a;--box-fill:#ffe6d1;--box-head-fill:#ffcfad;--box-head-ink:#9c3d0c;--box-ink:#7a2f08}.portfolio-theme-ruby{--box-line:#d0323c;--box-fill:#ffe0e0;--box-head-fill:#ffc4c4;--box-head-ink:#8f1620;--box-ink:#74111a}.portfolio-theme-sky{--box-line:#2f7fd6;--box-fill:#dcedff;--box-head-fill:#bcdcff;--box-head-ink:#16548f;--box-ink:#103f6d}.portfolio-theme-lilac{--box-line:#8a4fd1;--box-fill:#efe2ff;--box-head-fill:#dcc6ff;--box-head-ink:#5a2a95;--box-ink:#452070}.portfolio-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#000;flex:1;min-height:0;overflow:hidden auto;container-type:inline-size}.portfolio-wall{background-image:var(--wall-image);background-size:var(--wall-size);background-repeat:repeat;padding-top:14px}.portfolio-wall-inner{max-width:var(--content-max);margin:0 auto;padding:0 16px}.portfolio-banner{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;padding:4px 10px 10px;display:flex;overflow:hidden}.portfolio-banner img{flex:none;max-width:64px;height:auto}.portfolio-banner-text{color:#c96cff;font-variant:small-caps;letter-spacing:3px;white-space:nowrap;text-shadow:2px 2px #000;font-size:18px;font-weight:700}.portfolio-frame{background:var(--box-fill);border:2px solid var(--box-line);color:var(--box-ink);margin-bottom:12px}.portfolio-frame-title{font-variant:small-caps;letter-spacing:2px;color:var(--box-head-ink);background:var(--box-head-fill);border-bottom:2px solid var(--box-line);padding:4px 8px 3px;font-size:15px;font-weight:700}.portfolio-frame-body{padding:8px}.portfolio-text{text-align:left;overflow-wrap:break-word;word-break:break-word;font-size:15px;line-height:1.45}.portfolio-section-head{font-variant:small-caps;letter-spacing:3px;text-align:left;color:var(--box-head-ink);border-bottom:2px solid var(--box-line);margin-bottom:8px;padding-bottom:2px;font-size:19px;font-weight:700}.portfolio-section-head-wide{color:#fff;letter-spacing:5px;text-align:center;text-shadow:2px 2px #000;border-bottom:none;margin-bottom:12px;padding-bottom:0;font-size:22px}.portfolio-content a{color:var(--box-ink);text-decoration:underline}.portfolio-content a:visited{color:var(--box-ink)}@media (hover:hover){.portfolio-content a:hover{background:var(--box-line);color:#fff}}.portfolio-content a:active{background:var(--box-line);color:#fff}.portfolio-grid{grid-template-columns:minmax(170px,1fr) minmax(300px,1.9fr);align-items:start;gap:14px;display:grid}.portfolio-rail{min-width:0}.portfolio-portrait-frame .portfolio-frame-body{padding:10px}.portfolio-name{font-variant:small-caps;letter-spacing:3px;text-align:center;color:var(--box-head-ink);border-bottom:2px solid var(--box-line);margin-bottom:8px;padding-bottom:4px;font-size:19px;font-weight:700}.portfolio-portrait-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.portfolio-portrait-photo{border:2px solid var(--box-line);background:#fff;flex:none;width:110px;height:110px;padding:2px}.portfolio-portrait-text{flex-direction:column;flex:120px;justify-content:center;gap:4px;min-width:0;display:flex}.portfolio-portrait-text p{font-size:14px;font-style:italic}.portfolio-stamp{letter-spacing:1px;text-align:right;border-top:1px solid var(--box-line);margin-top:8px;padding-top:3px;font-size:12px;font-style:italic}.portfolio-star-list{margin:0;padding:0;list-style:none}.portfolio-star-list li{border-bottom:1px solid var(--box-line);align-items:center;gap:6px;padding:3px 2px;font-size:15px;display:flex}.portfolio-star-list li:last-child{border-bottom:none}.portfolio-star-list li:before{content:"★";color:var(--box-line);font-size:11px}.portfolio-link-icon{width:18px;height:18px}.portfolio-cabinet{background:var(--box-fill);border:2px solid var(--box-line);color:var(--box-ink);margin-bottom:12px}.portfolio-cabinet-shelf{padding:8px}.portfolio-cabinet-shelf+.portfolio-cabinet-shelf{border-top:1px solid var(--box-line)}.portfolio-cabinet-shelf-title{background:var(--box-head-fill);padding:5px 10px 4px}.portfolio-cabinet-shelf-title .portfolio-section-head{border-bottom:none;margin-bottom:0}.portfolio-cabinet-shelf-prose{padding:0}.portfolio-cabinet-cell{text-align:left;padding:8px;display:block}.portfolio-wide-block{margin:16px 0}.portfolio-entry{background:var(--box-fill);border:2px solid var(--box-line);color:var(--box-ink);min-width:0;margin-bottom:12px}.portfolio-entry-head{font-variant:small-caps;letter-spacing:2px;text-align:left;color:var(--box-head-ink);background:var(--box-head-fill);border-bottom:2px solid var(--box-line);overflow-wrap:break-word;word-break:break-word;padding:4px 8px 3px;font-size:16px;font-weight:700}.portfolio-entry-inner{min-width:0;padding:10px}.portfolio-entry-tech{text-align:left;border-bottom:1px solid var(--box-line);overflow-wrap:break-word;word-break:break-word;width:fit-content;max-width:100%;margin-bottom:8px;padding-bottom:4px;font-size:14px;line-height:1.4}.portfolio-entry-tech-label{font-variant:small-caps;letter-spacing:1px;color:var(--box-head-ink);font-weight:700}.portfolio-entry-body{overflow-wrap:break-word;word-break:break-word;min-width:0}.portfolio-hobby-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;display:grid}.portfolio-hobby-grid .portfolio-frame{margin-bottom:0}.portfolio-hobby-inner{align-items:flex-start;gap:10px;display:flex}.portfolio-baseboard{align-items:flex-end;gap:18px;padding:18px 8px 0;display:flex}.portfolio-floor{background-image:var(--floor-image);background-size:var(--floor-size);background-repeat:repeat;height:64px}.portfolio-footer{--olive-line:#7d8c42;--olive-ink:#b9c77c;--gallery-height:150px;--gallery-scale:1;background-color:#000;background-image:var(--footer-image);background-size:var(--footer-size);background-repeat:repeat;padding:12px}.portfolio-footer-inner{max-width:var(--content-max);margin:0 auto;padding:10px 14px 14px}.portfolio-footer-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.portfolio-footer-rule{background:var(--olive-line);flex:1;height:1px}.portfolio-footer-heading-text{font-variant:small-caps;letter-spacing:3px;color:var(--olive-ink);white-space:nowrap;font-size:16px}.portfolio-gallery{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:96px;padding:18px 12px 22px;display:flex}.portfolio-gallery-photo{height:calc(var(--gallery-height) * var(--gallery-scale));width:auto;max-width:100%;aspect-ratio:var(--ratio);object-fit:contain;display:block}@container (width<=480px){.portfolio-content{--wall-size:200px 131px;--footer-size:96px 96px}.portfolio-wall-inner{padding:0 10px}.portfolio-banner{flex-wrap:wrap;gap:8px;padding:4px 2px 8px}.portfolio-banner img{max-width:44px}.portfolio-banner-text{letter-spacing:1px;white-space:normal;text-align:center;font-size:15px}.portfolio-wall-hangings{justify-content:center;gap:8px}.portfolio-section-head{letter-spacing:2px;font-size:17px}.portfolio-section-head-wide{letter-spacing:3px;font-size:18px}.portfolio-frame-title{letter-spacing:1px;font-size:14px}.portfolio-name{letter-spacing:2px;font-size:17px}.portfolio-star-list li{padding:8px 2px}.portfolio-entry-head{letter-spacing:1px;font-size:15px}.portfolio-entry-inner{padding:8px}.portfolio-hobby-inner{flex-direction:column;align-items:center}.portfolio-baseboard{flex-wrap:wrap;justify-content:center;gap:12px}.portfolio-floor{height:44px}.portfolio-footer{--gallery-scale:.62;padding:10px 8px}.portfolio-footer-inner{padding:10px}.portfolio-footer-heading-text{letter-spacing:2px;font-size:14px}.portfolio-gallery{gap:26px 20px;padding:26px 6px 32px}}@container (width<=520px){.portfolio-grid{grid-template-columns:1fr}}html[data-shell=mobile] .portfolio-content{-webkit-user-select:text;user-select:text}.start-menu{left:calc(4 * var(--os-px));bottom:calc(var(--taskbar-h) + 2px);z-index:1000;width:calc(186 * var(--os-px));background-color:var(--chrome-bg);box-shadow:var(--chrome-bevel);flex-direction:row;display:flex;position:fixed;overflow:hidden}.start-menu-text-box{width:calc(23 * var(--os-px));padding-bottom:calc(6 * var(--os-px));background-image:linear-gradient(#5a6ff5,#010081 95%);flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.start-menu-text{text-align:center;writing-mode:vertical-rl;color:#fff;font-size:calc(16 * var(--os-px));padding-top:calc(5 * var(--os-px));transform:rotate(180deg)}.start-menu-container{background-color:var(--chrome-bg);box-shadow:var(--chrome-bevel);flex-direction:column;flex:1;display:flex}.start-website-button{width:100%;height:calc(43 * var(--os-px));background-color:var(--chrome-bg);cursor:pointer;font-size:calc(15 * var(--os-px));text-align:left;border:none;align-items:center;display:flex}@media (hover:hover){.start-website-button:hover{color:#fff;background-color:#010081}}.start-website-button:active{color:#fff;background-color:#010081}.start-app-img{width:calc(28 * var(--os-px));height:calc(28 * var(--os-px));padding:calc(5 * var(--os-px))}html[data-shell=mobile] .start-menu{bottom:var(--taskbar-h);width:min(calc(232 * var(--os-px)), calc(100vw - 8 * var(--os-px)));max-height:calc(100% - var(--taskbar-h) - 8 * var(--os-px))}html[data-shell=mobile] .start-website-button{height:calc(54 * var(--os-px));gap:calc(4 * var(--os-px))}html[data-shell=mobile] .start-app-img{width:calc(34 * var(--os-px));height:calc(34 * var(--os-px))}.taskbar{z-index:999;height:var(--taskbar-h);padding:0 calc(4 * var(--os-px));background-color:var(--chrome-bg);border-top:2px solid #fff;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.taskbar-left,.taskbar-right{align-items:center;gap:calc(4 * var(--os-px));height:var(--taskbar-btn-h);display:flex}.taskbar-right{padding-left:calc(5 * var(--os-px));box-shadow:var(--chrome-bevel);justify-content:flex-end}.start-button{width:calc(73 * var(--os-px));background-color:var(--chrome-bg);height:100%;box-shadow:var(--chrome-bevel);border:none;justify-content:center;align-items:center;padding:0;display:flex}.start-button:active{background-color:var(--chrome-shade)}.start-button-img{height:calc(24 * var(--os-px));width:auto}.rectangle-divider{margin-left:calc(5 * var(--os-px));background:var(--chrome-shade);border-right:1px solid #fff;width:1px;height:100%}.rectangle-divider-dAd{width:2px;height:calc(100% - 4 * var(--os-px));background:var(--chrome-bg);box-shadow:var(--chrome-bevel)}.volume-button{width:calc(28 * var(--os-px));height:calc(28 * var(--os-px));background-color:var(--chrome-bg);box-shadow:var(--chrome-bevel);border:none;justify-content:center;align-items:center;padding:0;display:flex}.volume-button:active{background-color:var(--chrome-shade)}.volume-button-image{width:calc(22 * var(--os-px));height:calc(22 * var(--os-px))}.current-time{padding:0 calc(10 * var(--os-px));font-size:var(--taskbar-font);align-items:center;font-weight:700;display:flex}.internet-explorer-button{margin-left:calc(6 * var(--os-px));padding:0 calc(5 * var(--os-px));width:calc(168 * var(--os-px));background-color:var(--chrome-shade);height:100%;box-shadow:var(--chrome-bevel);border:none;align-items:center;display:flex}.internet-explorer-button-img{margin-right:calc(6 * var(--os-px));width:calc(25 * var(--os-px));height:calc(25 * var(--os-px))}.internet-explorer-button-text{font-size:var(--taskbar-font);color:#000;font-weight:700}html[data-shell=mobile] .taskbar{padding-bottom:var(--taskbar-safe-b);gap:calc(4 * var(--os-px))}html[data-shell=mobile] .taskbar-left{flex:auto;min-width:0}html[data-shell=mobile] .taskbar-right{flex:none}html[data-shell=mobile] .internet-explorer-button{width:auto;min-width:0;max-width:calc(168 * var(--os-px));flex:auto}html[data-shell=mobile] .internet-explorer-button-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[data-shell=mobile] .internet-explorer-button-img{flex:none}html[data-shell=mobile] .current-time{padding:0 calc(6 * var(--os-px));white-space:nowrap}.app-container{top:calc(10 * var(--os-px));left:calc(10 * var(--os-px));z-index:1;width:calc(60 * var(--os-px));height:calc(78 * var(--os-px));cursor:pointer;padding:calc(2 * var(--os-px));flex-direction:column;align-items:center;display:flex;position:absolute}.app-container--selected{outline:1px dotted #fff}.app-icon{width:calc(31 * var(--os-px));height:calc(31 * var(--os-px));margin-top:calc(4 * var(--os-px));padding-bottom:calc(4 * var(--os-px))}.app-text{text-align:center;font-size:calc(11 * var(--os-px));color:#fff;word-break:break-word;line-height:1.2}