@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Pixelify+Sans:wght@400..700&family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=Aldrich&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";.navbar{color:#3d30b2;z-index:10;background:linear-gradient(135deg,#7369cf 0%,#a0a9e7 85%,#cde9ff 100%);width:100%;font-family:Pixelify Sans,sans-serif}.navbar-top{align-items:center;gap:10px;height:50px;padding-right:10px;display:flex}.navbar-tab{box-sizing:border-box;background:#b2c6ff;align-items:center;height:100%;padding:0 18px;font-size:1.5rem;display:flex}.current-page{background:#a399ff;align-items:center;gap:15px;width:300px;display:flex}.tab-logo{object-fit:contain;flex-shrink:0;width:30px;height:30px;display:block}.current-page-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-detail-tab{background:#9bb5ff;align-items:center;gap:10px;width:clamp(220px,24vw,360px);min-width:0;display:flex}.project-detail-tab-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab-close{color:#3d30b2;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:Pixelify Sans,sans-serif;font-size:2rem;line-height:1;transition:color .1s;display:flex}.tab-close:hover{color:#ff80c3}.navbar .window-button{appearance:none;color:#3d30b2;cursor:pointer;background:0 0;border:0;outline:0;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-family:Pixelify Sans,sans-serif;font-size:1.75rem;transition:color .1s;display:flex}.navbar .window-button:not(.close-button):hover{color:#10009c}.navbar .window-button.close-button:hover{color:#ff80c3}.navbar .maximize-button{padding-bottom:5px;font-size:1.25rem;line-height:1}.navbar-bottom{background:linear-gradient(135deg,#9bb5ff 50%,#a399ff 100%);border-top:10px solid #7369cf;justify-content:flex-start;align-items:center;gap:48px;height:40px;padding-left:40px;display:flex;box-shadow:0 2px 5px #7369cf}.navbar-bottom a{color:#3d30b2;font-size:1.25rem;text-decoration:none;transition:color .1s}.navbar-bottom a:hover,.navbar-bottom a.active{color:#10009c}@media (width<=900px){.navbar-tab{padding:0 14px;font-size:1.3rem}.current-page{width:225px}.navbar-top-project-open .site-tab{display:none}.navbar-top-project-open .current-page{flex-shrink:0;width:200px}.navbar-top-project-open .project-detail-tab{flex:1;width:auto;max-width:300px}.navbar-bottom{gap:32px;padding-left:24px}.navbar-bottom a{font-size:1.1rem}}@media (width<=600px){.navbar-top{gap:4px;padding-right:4px}.navbar-top>.site-tab{display:none}.current-page{gap:8px;width:200px;min-width:0;padding:0 12px}.navbar-top-project-open .current-page{flex-shrink:0;width:135px}.navbar-top-project-open .project-detail-tab{flex:1;width:auto;min-width:0;max-width:none;padding:0 10px}.tab-logo{width:20px;height:20px}.tab-close{width:22px;height:22px;font-size:1.6rem}.window-controls{gap:0}.navbar .window-button{width:28px;height:28px;font-size:1.5rem}.navbar .maximize-button{padding-bottom:5px;font-size:1rem;line-height:1}.navbar-bottom{border-top-width:5px;justify-content:space-around;gap:0;height:40px;padding:0 10px}}@media (width<=500px){.project-detail-tab{display:none}}.login-page{background:radial-gradient(circle at 0 0,#45a2e9 0%,#0000 35%),radial-gradient(circle at 100% 100%,#84a4ff 0%,#0000 50%),#7369cf;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;padding-top:clamp(25px,7vh,75px);display:flex;position:relative;overflow:hidden}.login-clock{text-align:center;color:#10009c;font-family:VT323,sans-serif}.login-time{text-shadow:3px 3px #a399ffbf;font-size:clamp(3.5rem,11vh,7rem);line-height:1}.login-date{margin-top:12px;font-size:clamp(1.75rem,4.5vh,3.5rem)}.login-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-profile{flex-direction:column;align-items:center;margin-top:clamp(40px,8vh,125px);display:flex}.login-profile-icon{background:radial-gradient(circle at 0 0,#3d30b2 0%,#0000 50%),radial-gradient(circle at 100% 100%,#3d30b2 0%,#0000 30%),#10009c;border:5px solid #c9d7ff;border-radius:20px;width:clamp(170px,28vh,250px);height:clamp(170px,28vh,250px);margin-bottom:clamp(10px,2vh,20px);padding-top:25px;padding-left:10px;overflow:hidden;box-shadow:0 0 0 4px #3d30b2}.login-profile-image{object-fit:contain;width:100%;height:100%;animation:6s ease-in-out infinite profile-float}@keyframes profile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-username{color:#b2c6ff;margin-bottom:clamp(25px,6vh,100px);font-family:Pixelify Sans,sans-serif;font-size:clamp(1.3rem,3vh,2rem)}.login-button{color:#c9d7ff;cursor:pointer;background:#3d30b2;border:5px solid #c9d7ff;border-radius:20px;padding:clamp(7px,1.5vh,10px) clamp(30px,4vw,50px);font-family:VT323,sans-serif;font-size:clamp(1.75rem,4vh,2.5rem);transition:transform .1s,box-shadow .1s,background .1s;box-shadow:0 0 0 4px #3d30b2}.login-button:hover{background:#10009c}.window{width:var(--window-width);height:var(--window-height);box-sizing:border-box;background:#e5e2ff;border:1px solid #7369cf;border-radius:10px;flex-direction:column;min-width:0;max-width:100%;transition:height .3s;display:flex;overflow:hidden;box-shadow:3px 3px 15px #a19bd5}.window-titlebar{color:#fff;z-index:2;background:linear-gradient(135deg,#a399ff 50%,#9bb5ff 100%);flex-shrink:0;align-items:center;height:44px;padding:0 12px;display:flex;position:relative}.window-titlebar:after{content:"";background:linear-gradient(90deg,#6cbfff,#7369cf);width:100%;height:10px;position:absolute;bottom:-10px;left:0;box-shadow:0 3px 5px #a19bd5}.window-title{color:#3d30b2;font-family:Pixelify Sans,sans-serif;font-size:1.5rem}.window-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.window .window-controls button{appearance:none;color:#3d30b2;cursor:pointer;background:0 0;border:0;outline:0;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-family:Pixelify Sans;font-size:1.5rem;line-height:1;transition:color .1s;display:flex}.window .window-controls .minimize-button:hover{color:#ff80c3;background:0 0}.window .window-controls .maximize-button:hover,.window .window-controls .close-button:hover{color:#10009c;background:0 0}.window .window-controls .maximize-button{padding-bottom:5px;font-size:1rem}.window-minimized{height:54px}.window-body{scrollbar-gutter:stable;opacity:1;background:radial-gradient(circle at 0 100%,#e0e8ff 0%,#0000 35%),radial-gradient(circle at 100% 0,#e0e8ff 0%,#0000 50%),#e5e2ff;flex:1;min-height:0;padding:0;transition:opacity .2s,transform .3s;overflow:hidden;transform:translateY(0)}.window-body.scroll-enabled{overflow-y:auto}.window-minimized .window-body{opacity:0;pointer-events:none;transform:translateY(-8px)}.ms-paint{--paint-face:#c8baf7;--paint-face-light:#e7ddff;--paint-face-dark:#796cb9;--paint-ink:#3f3d7f;width:var(--paint-width);height:var(--paint-height);box-sizing:border-box;color:var(--paint-ink);background:var(--paint-face);border:4px ridge var(--paint-face-light);-webkit-user-select:none;user-select:none;cursor:default;grid-template-rows:34px 37px minmax(0,1fr) 78px;font-family:MS Sans Serif,Tahoma,Arial,sans-serif;display:grid;overflow:hidden;box-shadow:3px 3px 15px #a19bd5}.ms-paint *,.ms-paint :before,.ms-paint :after{box-sizing:border-box}.ms-paint__titlebar{color:#f8f5ff;text-shadow:1px 1px #4f5ba0;background:linear-gradient(90deg,#6488e9 0%,#8ca9f2 72%,#c2b7f5 100%);border:1px solid #514895;align-items:center;gap:7px;min-width:0;padding:3px 4px;display:flex}.ms-paint__app-icon{color:#5c56a2;background:#e9e3ff;border:2px outset #fff;flex:none;place-items:center;width:23px;height:23px;font-family:Georgia,serif;font-size:17px;line-height:1;display:grid}.ms-paint__title{white-space:nowrap;font-size:19px;font-weight:700;overflow:hidden}.ms-paint__window-controls{gap:3px;height:25px;margin-left:auto;display:flex}.ms-paint__window-controls span{color:#4e5090;background:var(--paint-face);border:2px outset var(--paint-face-light);width:26px;text-shadow:none;place-items:center;font-size:20px;font-weight:700;line-height:1;display:grid}.ms-paint__menu{border-bottom:2px groove var(--paint-face-light);white-space:nowrap;align-items:center;gap:24px;padding:0 11px 3px;font-size:18px;display:flex}.ms-paint__menu u{text-underline-offset:2px}.ms-paint__workspace{grid-template-columns:92px minmax(0,1fr);min-height:0;padding:0 4px 3px 7px;display:grid}.ms-paint__toolbox{min-height:0;padding-right:7px}.ms-paint__tools{grid-template-columns:repeat(2,1fr);display:grid}.ms-paint__tool{aspect-ratio:1.08;border:2px outset var(--paint-face-light);background:#c7baf3;place-items:center;display:grid}.ms-paint__tool-icon{object-fit:contain;width:75%;height:75%;image-rendering:pixelated;display:block}.ms-paint__canvas-area{border:2px inset var(--paint-face-light);background:#8e82c1;grid-template-rows:minmax(0,1fr) 27px;grid-template-columns:minmax(0,1fr) 27px;min-width:0;min-height:0;display:grid}.ms-paint__canvas{background:#fff;border-bottom:2px solid #655aa6;border-right:2px solid #655aa6;min-width:0;min-height:0;overflow:hidden}.ms-paint__v-scroll,.ms-paint__h-scroll{background:#d0c5f7;display:flex}.ms-paint__v-scroll{flex-direction:column}.ms-paint__h-scroll{flex-direction:row}.ms-paint__scroll-button{border:2px outset var(--paint-face-light);background:#d0c5f7;flex:0 0 25px;position:relative}.ms-paint__scroll-button:before{content:"";border:6px solid #0000;width:0;height:0;margin:auto;position:absolute;inset:0}.ms-paint__scroll-button--up:before{border-bottom-color:#5260a6;margin-top:5px}.ms-paint__scroll-button--down:before{border-top-color:#5260a6;margin-bottom:5px}.ms-paint__scroll-button--left:before{border-right-color:#5260a6;margin-left:5px}.ms-paint__scroll-button--right:before{border-left-color:#5260a6;margin-right:5px}.ms-paint__v-track,.ms-paint__h-track{background:repeating-conic-gradient(#d8cff8 0 25%, #c9bdf2 0 50%) 0 / 2px 2px;flex:1}.ms-paint__v-thumb,.ms-paint__h-thumb{border:2px outset var(--paint-face-light);background:#cec3f4;flex:0 0 34%}.ms-paint__scroll-corner{background:#c8baf2;border:1px solid #a89bd7}.ms-paint__palette{border-top:2px groove var(--paint-face-light);align-items:center;gap:10px;padding:8px 10px;display:flex}.ms-paint__active-colors{border:2px inset var(--paint-face-light);background:#d5caf7;flex:0 0 48px;height:48px;position:relative}.ms-paint__active-colors span{border:2px solid #f5f1ff;width:26px;height:26px;position:absolute;box-shadow:0 0 0 1px #776bb2}.ms-paint__active-colors span:first-child{background:#fff;bottom:5px;right:5px}.ms-paint__active-colors span:last-child{background:#c55dd9;top:5px;left:5px}.ms-paint__swatches{grid-template-columns:repeat(16,1fr);gap:2px;width:min(100%,380px);display:grid}.ms-paint__swatches span{aspect-ratio:1;border:2px outset var(--paint-face-light);min-width:0}.ms-paint__statusbar{border-top:2px groove var(--paint-face-light);grid-template-columns:minmax(0,1fr) 190px 56px;gap:4px;padding:5px 7px;display:grid;position:relative}.ms-paint__statusbar>span{border:2px inset var(--paint-face-light);white-space:nowrap;min-width:0;padding:5px;font-size:15px;overflow:hidden}.ms-paint__status-icon{text-align:left}.ms-paint__statusbar i{background:repeating-linear-gradient(135deg,#0000 0 3px,#8d82bf 3px 5px);width:19px;height:19px;position:absolute;bottom:1px;right:1px}@media (width<=560px){.ms-paint{grid-template-rows:30px 33px minmax(0,1fr) 65px;min-width:300px}.ms-paint__title{font-size:15px}.ms-paint__window-controls{height:22px}.ms-paint__window-controls span{width:22px;font-size:16px}.ms-paint__menu{gap:12px;padding-inline:7px;font-size:14px}.ms-paint__workspace{grid-template-columns:69px minmax(0,1fr);padding-left:4px}.ms-paint__toolbox{padding-right:4px}.ms-paint__canvas-area{grid-template-rows:minmax(0,1fr) 20px;grid-template-columns:minmax(0,1fr) 20px}.ms-paint__scroll-button{flex-basis:19px}.ms-paint__scroll-button:before{border-width:4px}.ms-paint__palette{gap:5px;padding:5px}.ms-paint__active-colors{flex-basis:39px;height:40px}.ms-paint__active-colors span{width:22px;height:22px}.ms-paint__swatches{grid-template-columns:repeat(16,1fr);gap:1px}.ms-paint__statusbar{grid-template-columns:minmax(0,1fr) 52px;padding:3px}.ms-paint__statusbar>span{padding:3px;font-size:11px}.ms-paint__statusbar>span:nth-child(2){display:none}}.sticky-note-shadow{filter:drop-shadow(3px 3px 4px #a19bd5);transform:rotate(-10deg)}.sticky-note{--fold-size:clamp(24px, 2.2vw, 40px);color:#7369cf;width:clamp(150px,14vw,260px);min-height:clamp(100px,9vw,160px);clip-path:polygon(0 0, calc(100% - var(--fold-size,40px)) 0, 100% var(--fold-size,40px), 100% 100%, 0 100%);background:radial-gradient(circle at 100% 0,#a19bd5 5%,#0000 25%),radial-gradient(circle at 0 100%,#c9d7ff 0%,#0000 75%),#d1ccff;justify-content:center;align-items:center;padding:clamp(16px,2vw,30px);display:flex;position:relative}.sticky-note:after{content:"";width:var(--fold-size,40px);height:var(--fold-size,40px);clip-path:polygon(0 0,100% 100%,0 100%);background:radial-gradient(circle at 0 100%,#a399ff 0%,#0000 75%),#7369cf;position:absolute;top:0;right:0}.sticky-note-content{z-index:1;text-align:center;line-height:1.3;position:relative}.spotify-player{color:#3d30b2;background:radial-gradient(circle at 0 100%,#d1ccff 0%,#0000 35%),radial-gradient(circle at 100% 0,#bbb4ff 0%,#0000 50%),#b2c6ff;border:2px solid #7369cf;border-radius:20px;flex-direction:column;width:clamp(320px,45vw,575px);min-height:clamp(100px,25vh,350px);padding:20px;font-family:Nunito,sans-serif;display:flex;box-shadow:3px 3px 15px #a19bd5}.spotify-status{text-align:center;width:100%;font-family:Pixelify Sans,sans-serif;font-size:clamp(1rem,.5vw + 1vh,1.75rem)}.spotify-main{flex:1;grid-template-columns:45% 55%;align-items:center;width:100%;display:grid}.spotify-album-section{text-align:center;flex-direction:column;align-items:center;display:flex}.spotify-album-cover{aspect-ratio:1;object-fit:cover;border:2px solid #7369cf;border-radius:12px;width:100%;max-width:175px;margin-bottom:10px}.spotify-album{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;max-width:175px;font-size:1.2rem;line-height:1.2;display:-webkit-box;overflow:hidden}.spotify-track-section{text-align:left;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.spotify-song,.spotify-artist{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;display:-webkit-box;overflow:hidden}.spotify-song{font-size:1.5rem;font-weight:700;line-height:1.2}.spotify-artist{font-size:1.35rem;line-height:1.2}.spotify-progress{align-items:center;gap:8px;width:100%;margin-top:20px;display:flex}.spotify-progress-time{color:#3d30b2;flex-shrink:0;font-family:VT323,monospace;font-size:1.5rem}.spotify-progress-bar{background:#e5e2ff;border:2px solid #3d30b2;border-radius:10px;flex:1;min-width:0;height:10px;overflow:hidden}.spotify-progress-fill{background:#3d30b2;border-radius:10px;height:100%;transition:width 1s linear}@media (width<=1950px){.spotify-player{width:clamp(320px,45vw,450px);min-height:clamp(200px,200px + 10vh,350px);padding:15px}.spotify-status{margin-bottom:15px;font-size:1.2rem}.spotify-album-cover{max-width:100px;margin-bottom:10px}.spotify-album{max-width:125px;font-size:1rem;line-height:1}.spotify-song{font-size:1.2rem;font-weight:700;line-height:1.2}.spotify-artist{font-size:1.2rem;line-height:1.2}.spotify-progress{margin-top:10px}.spotify-progress-time{font-size:1.2rem}}.analog-clock{width:var(--clock-size);height:var(--clock-size);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.clock-face{background:radial-gradient(circle,#a399ff 20%,#0000 90%),#b2c6ff;border:3px solid #3d30b2;border-radius:50%;width:100%;height:100%;position:relative}.clock-number{color:#3d30b2;width:2rem;height:2rem;transform:translate(-50%, -50%) rotate(var(--number-angle)) translateY(calc(var(--clock-size) * -.37)) rotate(calc(var(--number-angle) * -1));justify-content:center;align-items:center;font-family:VT323,monospace;font-size:2rem;line-height:1;display:flex;position:absolute;top:50%;left:50%}.clock-hand{transform-origin:bottom;background:#3d30b2;border-radius:5px;width:5px;position:absolute;bottom:50%;left:50%}.hour-hand{height:22%}.minute-hand{height:34%}.clock-center{background:#3d30b2;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page{--taskbar-height:clamp(50px, 5vh, 65px);width:100%;height:100%;position:relative;overflow:hidden}.home-content{width:100%;height:calc(100% - var(--taskbar-height));justify-content:center;display:flex;position:relative;overflow:visible}.home-intro{flex-direction:column;align-items:center;width:100%;height:100%;padding-top:clamp(20px,3vh,30px);display:flex}.home-welcome{color:#3d30b2;margin:0;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.7rem,.5vw + 2vh,2.5rem);font-weight:400}.home-name{color:#3d30b2;white-space:nowrap;background:linear-gradient(135deg,#a399ff 50%,#b2c6ff 100%);border:3px solid #3d30b2;border-radius:30px;margin-top:8px;padding:2px 30px;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.7rem,.5vw + 2vh,2.5rem)}.home-window{--window-w:clamp(550px, calc(330px + 30vw), 1100px);--window-h:clamp(300px, 58vh, 650px);width:var(--window-w);height:var(--window-h);flex-shrink:0;margin-top:clamp(20px,5vh,60px);position:relative}.home-window-content{color:#3d30b2;padding:clamp(25px,2.5vw,40px);font-family:Nunito,sans-serif;font-size:clamp(1.2rem,1rem + 1vh,1.8rem);line-height:1.3}.home-window-content .overlap-paragraph-one,.home-window-content .overlap-paragraph-two,.home-window-content .overlap-paragraph-three{padding-right:150px}.home-window-content h2{margin-top:0;margin-bottom:10px;font-size:clamp(1.4rem,1rem + 1vh,2rem)}.home-window-content p{margin:0 0 20px}.home-window-content p:last-child{margin-bottom:0}.home-mspaint{z-index:3;width:clamp(240px,29.5vw,755px);height:clamp(200px,50vh,659px);position:absolute;top:40%;left:82%}.paint-photo{object-fit:cover;object-position:center bottom;transform-origin:bottom;width:100%;height:100%;display:block;transform:scale(1.2)}.home-spotify{left:max(-15%, calc(440px - (100vw - var(--window-w)) / 2));z-index:3;position:absolute;bottom:-43%}@media (height<=760px){.home-spotify{display:none}}.home-sticky-note{top:20%;left:max(-20%, calc(440px - (100vw - var(--window-w)) / 2));z-index:4;letter-spacing:-2px;font-family:Handwriting,sans-serif;font-size:clamp(1.4rem,2vw,2.8rem);position:absolute}@media (height<=620px){.home-sticky-note{display:none}}.sticky-note-content{line-height:.9}.desktop-calendar{-webkit-mask-composite:source-in;z-index:2;background:radial-gradient(circle at 0 100%,#e5e2ff 0%,#0000 35%),radial-gradient(circle at 100% 0,#d1ccff 0%,#0000 50%),#c9d7ff;border:none;width:clamp(325px,15vw,375px);height:350px;padding-top:20px;position:absolute;top:3vh;right:calc(4vw - 60px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%),linear-gradient(#0000 0,#000 30px calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%),linear-gradient(#0000 0,#000 30px calc(100% - 30px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.desktop-calendar .MuiPickersCalendarHeader-label,.desktop-calendar .MuiDayCalendar-weekDayLabel{color:#3d30b2;font-family:VT323,monospace;font-size:calc(1rem + .5vw)}.desktop-calendar .MuiPickerDay-root{color:#7369cf;font-family:VT323,monospace;font-size:calc(1rem + .5vw)}.desktop-calendar .MuiIconButton-root{color:#7369cf}.desktop-calendar .MuiMonthCalendar-button,.desktop-calendar .MuiYearCalendar-button{color:#3d30b2;font-family:VT323,monospace;font-size:calc(1rem + .5vw)}.desktop-calendar .MuiPickerDay-root.Mui-selected,.desktop-calendar .MuiMonthCalendar-button.Mui-selected,.desktop-calendar .MuiYearCalendar-button.Mui-selected{color:#e0e8ff;background-color:#7369cf}.desktop-calendar .MuiPickerDay-root.Mui-selected:hover,.desktop-calendar .MuiMonthCalendar-button.Mui-selected:hover,.desktop-calendar .MuiYearCalendar-button.Mui-selected:hover{color:#e0e8ff;background-color:#3d30b2}.desktop-calendar .MuiPickerDay-root.Mui-selected:focus,.desktop-calendar .MuiMonthCalendar-button.Mui-selected:focus,.desktop-calendar .MuiYearCalendar-button.Mui-selected:focus,.desktop-calendar .MuiPickerDay-root.Mui-selected.Mui-focusVisible,.desktop-calendar .MuiMonthCalendar-button.Mui-selected.Mui-focusVisible,.desktop-calendar .MuiYearCalendar-button.Mui-selected.Mui-focusVisible{color:#e5e2ff;background-color:#7369cf}.desktop-icons{z-index:4;flex-direction:column;gap:15px;display:flex;position:absolute;top:30px;left:30px}.desktop-icon{color:#3d30b2;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:clamp(100px,6vw,150px);height:clamp(100px,6vw,150px);padding:6px;text-decoration:none;transition:background .1s;display:flex}.desktop-icon-image-box{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:clamp(70px,5vw,100px);height:clamp(70px,5vw,100px);display:flex}.desktop-icon-image{object-fit:contain;width:100%;height:auto;display:block}.desktop-icon-name{text-align:center;color:#3d30b2;width:100%;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.1rem,1.2vw,1.75rem)}.desktop-icon:hover{background:#ffffff4d}.start-menu{left:20px;bottom:calc(var(--taskbar-height) + 20px);z-index:5;background:#e5e2ff;border:1px solid #7369cf;border-radius:10px;width:clamp(300px,25vw,400px);position:absolute;overflow:hidden;box-shadow:3px 3px 15px #a19bd5}.start-menu-header{color:#3d30b2;background:linear-gradient(135deg,#a399ff 50%,#9bb5ff 100%);border-bottom:1px solid #7369cf;align-items:center;height:clamp(50px,5vh,60px);padding:0 18px;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.75rem,2vw,2.25rem);display:flex}.start-menu-links{flex-direction:column;padding:10px 0;display:flex}.start-menu-links a,.logout-button{color:#3d30b2;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:20px;width:100%;min-height:clamp(50px,6vh,75px);padding:0 18px;font-family:Nunito,sans-serif;font-size:clamp(1.2rem,1.5vw,2rem);text-decoration:none;transition:color .1s;display:flex}.start-menu-links a:hover,.logout-button:hover{color:#10009c;background:0 0}.menu-icon{object-fit:contain;flex-shrink:0;width:50px;height:50px}.menu-divider{background:#bbb4ff;width:calc(100% - 24px);height:2px;margin:8px auto}.taskbar{width:100%;height:var(--taskbar-height);z-index:20;background:linear-gradient(135deg,#7369cf 0%,#a0a9e7 85%,#cde9ff 100%);border-top:10px solid #7369cf;align-items:stretch;gap:5px;padding:0;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -3px 8px #3d30b240}.taskbar-name{color:#3d30b2;cursor:default;-webkit-user-select:none;user-select:none;background:#b2c6ff;align-items:center;height:100%;padding:0 18px;font-family:Pixelify Sans,sans-serif;font-size:1.5rem;display:flex}.taskbar-link{color:#3d30b2;justify-content:center;align-items:center;width:60px;height:100%;text-decoration:none;transition:background-color .1s;display:flex}.taskbar-link:hover{background-color:#ffffff40}.taskbar-icon{object-fit:contain;width:auto;height:85%;display:block}.taskbar-clock{color:#3d30b2;text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;margin-left:auto;padding:0 14px;font-family:VT323,sans-serif;font-weight:400;line-height:1;display:flex}.taskbar-time{font-size:1.7rem}.taskbar-date{font-size:1.5rem}@media (width<=1950px){.home-intro{padding-top:clamp(10px,2vh,20px)}.home-welcome{font-size:clamp(1rem,2vw,1.5rem)}.home-name{font-size:clamp(1rem,3vw,1.5rem)}.home-window-content{padding:clamp(20px,2.5vw,25px);font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.1}.home-window-content h2{margin-top:0;margin-bottom:10px;font-size:clamp(1.2rem,1.5vw,1.25rem)}.home-window-content p{margin:0 0 15px}.home-window-content .overlap-paragraph-three{padding-right:100px}.desktop-icon{width:clamp(50px,6vw,85px);height:clamp(50px,6vw,85px)}.desktop-icon-image-box{width:clamp(50px,5vw,50px);height:clamp(50px,5vw,50px)}.desktop-icon-name{font-size:clamp(.75rem,1.2vw,1rem)}.start-menu{width:clamp(100px,25vw,225px)}.start-menu-header{height:clamp(40px,5vh,50px);font-size:clamp(1rem,2vw,1.25rem)}.start-menu-links{padding:5px 0}.start-menu-links a,.logout-button{min-height:clamp(50px,6vh,75px);font-size:clamp(1rem,1.5vw,1.1rem)}.menu-icon{width:35px;height:35px}.home-mspaint{width:30vw;height:50vh;top:35%;left:78%}}@media (width<=1500px){.home-window-content .overlap-paragraph-three{padding-right:100px}.home-mspaint{width:43vw;height:50vh;top:57%;left:53%}.desktop-icons{top:20px;left:20px}}@media (width<=1450px){.desktop-calendar{display:none}}@media (width<=1300px){.home-spotify,.home-sticky-note{display:none}.home-mspaint{width:55vw;height:43vh;top:72%;left:37%}.home-window-content .overlap-paragraph-one,.home-window-content .overlap-paragraph-two,.home-window-content .overlap-paragraph-three{padding-right:0}.desktop-icon{width:110px;height:110px}.desktop-icon-image-box{width:75px;height:75px}.desktop-icon-name{font-size:1.25rem}.start-menu{width:340px}.start-menu-links a,.logout-button{min-height:clamp(45px,6vh,60px);font-size:1.5rem}.menu-icon{width:42px;height:42px}}@media (width<=1100px){.home-welcome,.home-name{font-size:2.4rem}.home-mspaint{width:56vw;height:42vh;top:75%;left:37%}.home-window-content{padding:25px;font-size:1.2rem}.home-window-content .overlap-paragraph-one,.home-window-content .overlap-paragraph-two,.home-window-content .overlap-paragraph-three{padding-right:0}.desktop-icons{top:15px;left:10px}.desktop-icon{width:95px;height:95px}.desktop-icon-image-box{width:65px;height:65px}.desktop-icon-name{font-size:1rem}.start-menu{width:300px}.start-menu-header{font-size:1.8rem}.start-menu-links a,.logout-button{gap:14px;min-height:clamp(40px,6vh,50px);font-size:1.25rem}.menu-icon{width:35px;height:35px}.taskbar-name{font-size:1.25rem}.taskbar-link{width:50px}}@media (width<=900px){.home-welcome{font-size:2.1rem}.home-name{padding-left:24px;padding-right:24px;font-size:2.1rem}.home-mspaint{width:56vw;height:42vh;top:77%;left:37%}.desktop-icons{top:10px;left:5px}.desktop-icon{width:85px;height:85px}.desktop-icon-image-box{width:58px;height:58px}.desktop-icon-name{font-size:.9rem}.start-menu{width:285px;left:10px}}.about-page{width:100%;padding:40px 80px 100px}.about-title{text-align:center;margin:0 0 50px}.about-windows{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.about-column{flex-direction:column;gap:40px;min-width:0;display:flex}.education{grid-template-columns:1fr auto 1fr;align-items:stretch;width:100%;height:100%;display:grid}.education-school{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:30px 20px;display:flex}.college{color:#7369cf;margin:0;font-family:Aldrich;font-size:1.5rem;font-weight:700}.major,.minor{color:#8678ff;margin:0;font-family:Nunito;font-size:1.5rem;font-weight:400}.graduation,.location{color:#a399ff;margin:0;font-family:Nunito;font-size:1.25rem;font-weight:400}.education-divider{background:#bbb4ff;width:2px;height:85%;margin-top:30px}.work-experience{width:100%;padding:30px}.work-entry{width:100%}.work-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.work-header h2{margin:0}.work-position{color:#7369cf;margin:0;font-family:Aldrich;font-size:1.5rem;font-weight:700}.work-location,.work-dates{color:#a399ff;margin:0;font-family:Nunito;font-size:1.15rem}.work-description{text-align:left;margin-top:20px}.work-description ul{margin:0;padding:0;list-style:none}.work-description li{color:#3d30b2;margin-bottom:10px;padding-left:22px;font-family:Nunito;font-size:1.2rem;position:relative}.work-description li:before{content:"✦";color:#8678ff;font-size:1.2rem;position:absolute;top:-3px;left:0}.sublist{list-style:none}.sublist li{margin-bottom:5px;padding-left:47px;position:relative}.sublist li:before{content:"✧";color:#8678ff;position:absolute;left:25px}.work-divider{background:#bbb4ff;width:90%;height:2px;margin:30px auto}@media (width<=1100px){.about-page{padding:35px 40px 80px}.about-windows,.about-column{gap:25px}}@media (width<=1500px){.education{grid-template-columns:1fr}.education-divider{width:80%;height:2px;margin:10px auto}.education-school{padding:20px}}@media (width<=900px){.about-page{padding:35px 40px 80px}.about-windows,.about-column{gap:25px}.about-title{margin-bottom:35px}.education-school{padding:25px 15px}.education-school h2{overflow-wrap:break-word;max-width:100%;font-size:1.5rem}.education-school h3,.major,.minor{font-size:1.25rem}.graduation,.location{font-size:1.1rem}.work-experience{padding:25px}.work-position{font-size:1.3rem}.work-location,.work-dates{font-size:1.05rem}.work-description li{font-size:1.1rem}}@media (width<=700px){.about-page{padding:30px 20px 60px}.about-windows{grid-template-columns:1fr;gap:25px}.about-column{gap:25px}.about-title{margin-bottom:30px}.work-experience{padding:20px}.work-header{gap:4px}.work-header h2{font-size:1.4rem;line-height:1.3}.work-header h3{font-size:1.15rem;line-height:1.3}.work-location,.work-dates{font-size:1rem}.work-description{margin-top:15px}.work-description li{padding-left:20px;font-size:1rem;line-height:1.5}.work-description li:before{font-size:1rem}.sublist{margin-top:5px}.sublist li{padding-left:35px}.sublist li:before{left:15px}.work-divider{width:90%;margin:25px auto}}@media (width<=450px){.about-page{padding:25px 12px 50px}.about-windows,.about-column{gap:20px}.education-school{padding:20px 10px}.work-experience{padding:15px}.work-description li{font-size:.95rem}}.project-window .window-body{scrollbar-gutter:auto;min-height:0;display:flex;overflow:hidden}.project-card{box-sizing:border-box;text-align:center;grid-template-rows:auto auto auto minmax(0,1fr) auto;justify-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:30px 20px;display:grid;overflow:hidden}.project-card-title{color:#3d30b2;grid-row:1;margin:0;font-size:1.75rem}.project-card-dates{grid-row:2;margin:10px 0 0;font-weight:400}.project-card-description{color:#3d30b2;grid-row:3;margin:20px 0;font-family:Nunito,sans-serif;font-size:1.25rem}.project-card-image-container{background:#f4f3ff;border:1px solid #a19bd5;grid-row:4;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.project-card-button{box-sizing:border-box;color:#c9d7ff;background:#8678ff;border:3px solid #c9d7ff;border-radius:20px;grid-row:5;justify-content:center;align-self:end;align-items:center;width:50%;margin-top:20px;padding:8px 0;font-family:Pixelify Sans,sans-serif;font-size:1.25rem;text-decoration:none;transition:background .1s;display:inline-flex;box-shadow:0 0 0 3px #8678ff}.project-card-button:hover{background:linear-gradient(135deg,#9489ff,#86a6ff)}.coming-soon-card{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:30px;display:flex}.coming-soon-card h3{color:#3d30b2;margin:0;font-family:Aldrich,sans-serif;font-size:1.6rem}.projects-page{width:100%;margin:0 auto;padding:40px 40px 50px}.projects-section+.projects-section{margin-top:100px}.projects-section-title{text-align:center;margin:0 0 50px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,375px),450px));justify-content:space-evenly;align-items:start;gap:50px 25px;display:grid}@media (width<=700px){.projects-page{width:min(100% - 32px,1400px);padding:36px 0 70px}.projects-grid{row-gap:24px}.projects-page-title{margin-bottom:42px}.projects-section+.projects-section{margin-top:60px}.project-window{height:400px}}.portfolio-details{flex-direction:column;gap:100px;display:flex}.portfolio-details-section{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.portfolio-details-section:nth-child(2n)>div:first-child{order:2}.portfolio-details-section h2{color:#3d30b2;margin:0 0 20px;font-size:2rem}.portfolio-details-section p{color:#3d30b2;margin:0;font-family:Nunito,sans-serif;font-size:1.2rem;line-height:1.7}.portfolio-details-placeholder{color:#7369cf;border:2px dashed #a19bd5;border-radius:10px;justify-content:center;align-items:center;min-height:350px;display:flex}@media (width<=800px){.portfolio-details{gap:70px}.portfolio-details-section{grid-template-columns:1fr}.portfolio-details-section:nth-child(2n)>div:first-child{order:initial}}.project-details-page{width:100%;overflow:hidden}.project-overview{box-sizing:border-box;background:radial-gradient(circle at 0 100%,#e0e8ff 0%,#0000 35%),radial-gradient(circle at 100% 0,#e0e8ff 0%,#0000 50%),#e5e2ff;width:100%;min-height:650px;padding:50px clamp(30px,7vw,150px) 80px}.project-overview-back{color:#3d30b2;margin-bottom:50px;font-family:Pixelify Sans,sans-serif;font-size:1.2rem;text-decoration:none;display:inline-block}.project-overview-back:hover{color:#8678ff}.project-overview-content{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(40px,6vw,100px);width:min(1500px,100%);margin:0 auto;display:grid}.project-overview-text{min-width:0}.project-overview-title{color:#3d30b2;margin:0;font-size:clamp(2.5rem,5vw,5rem)}.project-overview-dates{color:#7369cf;margin:12px 0 40px;font-size:1.25rem}.project-overview-section{margin-top:30px}.project-overview-section h2{color:#3d30b2;margin:0 0 10px}.project-overview-section p{color:#3d30b2;margin:0;font-family:Nunito,sans-serif;font-size:1.2rem;line-height:1.6}.project-technologies{flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.project-technologies li{color:#3d30b2;border:2px solid #8678ff;border-radius:20px;padding:7px 14px;font-family:Pixelify Sans,sans-serif}.project-overview-image-container{aspect-ratio:4/3;border:1px solid #7369cf;border-radius:10px;width:100%;overflow:hidden;box-shadow:3px 3px 15px #a19bd5}.project-overview-image{object-fit:cover;width:100%;height:100%;display:block}.project-specific-content{width:min(1500px,100% - 80px);margin:0 auto;padding:100px 0}@media (width<=900px){.project-overview{padding:35px 24px 60px}.project-overview-content{grid-template-columns:1fr}.project-overview-image-container{max-width:650px;margin:0 auto}.project-specific-content{width:min(100% - 48px,1500px);padding:70px 0}}.artwork-section{box-sizing:border-box;background:radial-gradient(circle at 0 100%,#e0e8ff 0%,#0000 35%),radial-gradient(circle at 100% 0,#e0e8ff 0%,#0000 50%),#e5e2ff;border:1px solid #7369cf;border-radius:10px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(28px,4vw,60px);width:100%;padding:clamp(24px,3vw,42px);display:grid;box-shadow:3px 3px 15px #a19bd5}.artwork-details{min-width:0}.artwork-title{color:#3d30b2;margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}.artwork-dates{color:#7369cf;margin:6px 0 20px;font-size:1.1rem}.artwork-inline-detail{color:#3d30b2;margin:8px 0 0;font-family:Nunito,sans-serif;font-size:1.05rem;line-height:1.5}.artwork-inline-detail span{font-family:Pixelify Sans,sans-serif;font-size:1.15rem;font-weight:400}.artwork-background{margin-top:20px}.artwork-background h3{color:#3d30b2;margin:0 0 6px;font-family:Pixelify Sans,sans-serif;font-size:1.2rem}.artwork-background p{color:#3d30b2;margin:0;font-family:Nunito,sans-serif;font-size:1.05rem;line-height:1.5}.artwork-gallery{min-width:0}.artwork-image-container{aspect-ratio:4/3;background:#c9d7ff;border:1px solid #7369cf;border-radius:8px;width:100%;position:relative;overflow:hidden}.artwork-image,.artwork-video{object-fit:contain;width:100%;height:100%;display:block}.artwork-video{background:#000}.artwork-arrow{z-index:1;color:#3d30b2;cursor:pointer;background:#e5e2ffd9;border:1px solid #7369cf;justify-content:center;align-items:center;width:38px;height:48px;padding:0;font-family:Pixelify Sans,sans-serif;font-size:2.25rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.artwork-arrow:hover{background:#a399ff}.artwork-arrow-left{left:10px}.artwork-arrow-right{right:10px}.artwork-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.artwork-dot{cursor:pointer;background:0 0;border:2px solid #7369cf;border-radius:50%;width:11px;height:11px;padding:0}.artwork-dot-active{background:#7369cf}@media (width<=850px){.artwork-section{grid-template-columns:1fr;gap:28px;padding:28px}.artwork-details{text-align:left}}@media (width<=500px){.artwork-section{gap:22px;padding:20px 16px}.artwork-title{font-size:1.75rem}.artwork-detail{margin-top:14px}.artwork-detail p{font-size:1rem}.artwork-arrow{width:32px;height:42px;font-size:2rem}.artwork-arrow-left{left:6px}.artwork-arrow-right{right:6px}}@media (width<=700px){.paintings-page{width:min(100% - 32px,1600px);padding:45px 0 80px}.paintings-header{margin-bottom:45px}.paintings-list{gap:40px}}@media (width<=700px){.paintings-page{width:min(100% - 32px,1600px);padding:45px 0 80px}.paintings-header{margin-bottom:45px}.paintings-list{gap:40px}}.paintings-page{width:100%;padding:40px 80px 100px}.paintings-header{text-align:center;margin-bottom:50px}.paintings-list{flex-direction:column;gap:70px;display:flex}@media (width<=700px){.paintings-page{width:min(100% - 32px,1600px);padding:45px 0 80px}.paintings-header{margin-bottom:45px}.paintings-list{gap:40px}}@font-face{font-family:Kiwi Soda;src:url(/assets/KiwiSoda-C3uP6YfD.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Angelknives;src:url(/assets/Angelknives-Regular-D1B1mAFk.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Handwriting;src:url(/assets/Handwriting-Regular-D2wbDr7f.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{overflow:hidden}body{background:#7369cf;font-family:Arial,Helvetica,sans-serif;overflow:hidden}#root{flex-direction:column;display:flex;overflow:hidden}.page-content{background:repeating-linear-gradient(90deg,#d1ccff 0 1px,#0000 1px 40px),repeating-linear-gradient(0deg,#d1ccff 0 1px,#0000 1px 40px),radial-gradient(circle at 0 0,#c9d7ff 0%,#0000 35%),radial-gradient(circle at 100% 100%,#cde9ff 0%,#0000 50%),#e5e2ff;flex:1;min-height:0;margin:10px;overflow:hidden auto}h1{color:#3d30b2;margin:0;font-family:Kiwi Soda,sans-serif;font-size:3rem;font-weight:400}h2{color:#3d30b2;margin:0;font-family:Aldrich;font-size:1.75rem;font-weight:700}h3{color:#7369cf;margin:0;font-family:Aldrich;font-size:1.5rem;font-weight:700}a{color:#4d7bff}@media (width<=600px){.page-content{padding:5px}}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:#3d30b2 #a399ff}}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-track{background:#a399ff}::-webkit-scrollbar-thumb{background:#3d30b2;border:3px solid #a399ff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#10009c}