:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landingPage a{font-weight:500;color:#646cff;text-decoration:inherit}.landingPage a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.landingPage h1{font-size:3.2em;line-height:1.1}.card button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;--stripe-color: #FFA74C;--stripe-color2: #FFC25B}.landingPage *{margin:0;padding:0;box-sizing:border-box;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.toffee-page{position:absolute;top:100vh;left:0;width:100%;height:100vh;overflow-y:auto}.toffee-page.visible{top:0}html{margin:0;padding:0;width:100%}body{background-color:#fff;color:#000;font-family:Verdana}:root{--header-bg: url(/assets/banner-C4fX7z9f.png);--border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACABAMAAAAxEHz4AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAG3RFWHRTb2Z0d2FyZQBDZWxzeXMgU3R1ZGlvIFRvb2zBp+F8AAAAKlBMVEX///8AAAAlIB45MzGbUQClVUOpaVrGhxvOlX72jBn3wWP/wlv/6aX////RmivKAAAAAXRSTlMAQObYZgAAA/1JREFUaN6tmb1u2zAQx+8VaE9pJlOLkS0k0KpBxy5B5gDZO/QBMnSPEIBDF6NZOjaZOxjI1jFLBz9Bn6b8kCzSB9xHHMYIJN75J0qQ+T/8Dz4fOeDyZzMerv4045mLvwVgY8agOSkJWzNGzWkC0PEE8CXD+CnBlwzjC4CMJ0DnTRreTQn7iQIg4wlgO5+Gs1PCfqIAyHi+BZvP7ZwwTky3QMUjYFF4cWKfME64VQLQ8QSYTu15SVja6SsFQMYjYOmnMSXMEwlAx+Fy4+dxkhK26ajPH3/6zMULYEgfNyd0PsSEbg8g4hngYkJoEuJx/lcAVDwDynn8GxNc/Ipz/m4CUPEMWPuu65uEdXAu7AFUvABC18VT61cpYREP4kxfAYh4Blg7uPh2OVcSuviMwhBC6EYAFU8AZ3eht7s6wa5DuLMjgIxngN+F4GNCfNsfruKbHq9wF0JcpisAKg6Xi869xISXXVrq6uFqkRLWYejDMLjVMxePK+j6T3+H/vvLYKcruHiPaQx5BXQ8/ZhcPL6PjyReIN9jvMQQbq5D35UfExnPgHW4v4nPZE6Iz+g6zYwAKp43VdtdPKVHZMqLYtJdXjw5O22qVDxv62b58Yc/N2bato1Zhg+352ba1ql4BmzO/j3mDWva97frcPb78XQCUPECOInrNHWCf//12+0MIOJFmd7ZX43ybL/4ODUrExEvgE3Bzwl5358BRPx4bTxa3tEEM1A+WhIzDm/pTQCt3rOAtl4ApPc8oKkXAOk9D2jqBUB6zwOaegGQ3gtuoa4XAOk9C2jrBUB6zwOaegGQ3rOAtl4ApPcc4KBeAKT3EkBVLwDSewGgrhcA6b0AUNcLgPReAKjrBUB6LwFU9QIgvRcA6noBkN7zgKZeAKT3AkBdLwDSew5wUC8A0nt2BW29AEjv+R9TUy8A0nsBoK4XAOm9YFOt6wVAei/Y1ut6AZDeCwB1vQBI7yWAql4ApPcSZarqBUB6LwFU9cLx2ni0vB8NQEtiBusfvAJwoPc8gPYPJADSP5AASP9AAiD9AxGA8g9EAMo/EABo/0ACIP0DHsD4ByIA5R/IAIR/IAGQ/oEMQPgHPIDxDwQA2j+QAQj/gAVw/gEL4PwDyQpI/0DwDGj/QASg/APBi0T7B5JtnfQPRLpA+QcyAOEfyACEfyADEP6BWhvfvD5QGxBay4P1D14DUPUTWP9A228AbT+B9Q+0/QbQ9hNY/0DbbwBtP4H1D7T9BtD2E1j/QNtvAG0/gfUPtP0G0PYTWP9A228AbT+B9Q+0/QbQ9hNY/0DbbwBtP4H1D7T9BtD2E1j/QNtvAG0/gfUPtP0G0PYTWP9A228AbT+B9Q/U2nisvP8HDZ9AYIluqbsAAAAASUVORK5CYII=);--header-bg-color: #FFA74C;--accent-color: #f68c19;--link-color: #784D98;--bg-color: #FFEAB6;--bg-color2: #5E5250;--text-color: #2e1d17;--stripe-color: #FFA74C;--stripe-color2: #FFC25B}*{color:var(--text-color);font-family:cursive;scrollbar-color:var(--text-color) var(--stripe-color2);scrollbar-width:thin}::selection{background:var(--accent-color);color:var(--bg-color)}body{background-color:var(--stripe-color);background-image:linear-gradient(45deg,var(--stripe-color) 25%,var(--stripe-color2) 25%,var(--stripe-color2) 50%,var(--stripe-color) 50%,var(--stripe-color) 75%,var(--stripe-color2) 75%,var(--stripe-color2) 100%);background-size:65.05px 65.05px;margin:0}p{line-height:1.5em}header .toffeeHeader{background-color:var(--header-bg-color);background-image:var(--header-bg);background-position:75%;background-repeat:no-repeat;min-height:200px;margin:0;padding-top:10px;text-align:center;width:100%;border:1px solid red;overflow:visible}.toffee header>h1{margin:20px auto;max-width:1080px;width:fit-content;padding:12px}.white-bg{margin:auto;width:fit-content;background:#fff;border-radius:1em;padding:0 20px}.rainbow-text{background-image:linear-gradient(to left,violet,indigo,#00f,green,#ff0,orange,red);color:transparent;background-clip:text;-webkit-background-clip:text}nav{font-weight:700}nav>ul{max-width:1080px;margin:0 auto;line-height:3rem;display:flex;flex-wrap:wrap;flex-direction:row;list-style-type:none;padding-left:0;justify-content:space-evenly}nav li{text-align:center}nav li>a{background-color:var(--accent-color);color:var(--bg-color);padding:.2em 3em;text-decoration:none}nav li>a:hover{background-color:var(--bg-color)}a{color:var(--link-color);font-weight:700}a:visited{color:var(--text-color)}a:hover{color:var(--accent-color)}ul{list-style-type:circle;list-style-position:inside}marquee{display:block;margin:0;background-color:var(--stripe-color2)}#sidebar{background-color:var(--bg-color);width:fit-content;max-width:150px;margin:1em;padding:1em;border:2px solid var(--text-color);box-shadow:var(--accent-color) 4px 4px}#sidebar ul{padding-left:0;margin:1em}#avatar{margin:.5em auto;text-align:center}#avatar img{background:var(--stripe-color);width:100%;border:2px solid var(--text-color)}#bio{background:var(--stripe-color2);border:2px solid var(--text-color)}#bio p{margin:.8em}#content{display:flex;max-width:1080px;margin:auto}.toffee main{background-color:var(--bg-color);box-shadow:var(--accent-color) 4px 4px;margin:1em;padding-bottom:1em;border:32px solid var(--text-color);border-image:var(--border-image) 32 round;image-rendering:pixelated;max-height:420px;overflow:auto;text-align:left}main h1{text-align:center}main>h1,main>h2,main>h3{background-color:var(--accent-color);padding:.2em .5em;margin:0}.mews{padding:0 1em}.center{text-align:center}footer{text-align:center;font-size:small;margin:1em auto;max-width:960px}p{margin-top:.9em;margin-bottom:.9em}@media only screen and (max-width:800px){#content{flex-wrap:wrap}#sidebar{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:none;margin:0}.toffeeHeader{min-height:300px;background-position:bottom}header>h1{margin:.4em}.white-bg{margin:1em}nav>ul{display:flex;flex-wrap:wrap;flex-direction:row}#avatar{margin:0 1em;max-width:120px}#bio{width:50%}main{margin:0;max-height:fit-content}#sidebar{max-width:100%}#sidebar ul{margin:0 1em;display:flex;flex-wrap:wrap;flex-direction:row;line-height:2em}#sidebar li{padding-left:0;margin:.3em 1em}footer{margin:1em}}.water-page-1{position:absolute;top:100vh;left:0;width:100%;height:100vh;display:flex;gap:50px;padding:50px;overflow-y:auto;flex-direction:column;box-sizing:border-box;transition:top .5s ease;font-family:Georgia,Times New Roman,Times,serif}.water-page-1.visible{top:0}.no{outline:1px solid red}html{background-size:cover;background-attachment:scroll}.waterPages img{max-width:750px;max-height:1000px;min-width:500px;width:auto;height:auto;object-fit:contain;border:5px solid navy;border-radius:4px;box-sizing:border-box}.rightImg{margin-left:auto}.leftImg{margin-right:100px}.waterRow{display:flex;align-items:center;padding-top:30px;padding-bottom:60px;position:relative}.waterRow:after{content:"";position:absolute;bottom:0;left:70px;right:70px;height:5px;background-color:#000}.addGap{gap:30px;flex-direction:column}.waterImages{display:flex;justify-content:space-between;align-items:center}.water-page-1 p,.water-page-1 h3{display:flex;align-self:center;margin:50px}.textDivision{margin-left:40px;margin-right:40px;width:fit-content;background:#fff;border-radius:1em;padding:0 20px;border:2px solid orange}:root{--background-image: url(/assets/TreatMochiNewYears-BbDNn_A5.webp);--stripe-color3: #151f74;--stripe-color4: #441cb3;--app-background-color: #577C73;--app-header-color: #E0B22D;--sub-tab-color: rgba(27, 27, 189, .938)}.desktop-page,#root{margin:0;padding:0}.desktop-page body{display:flex;justify-content:center;align-items:center;background-color:var(--stripe-color3);background-image:linear-gradient(45deg,var(--stripe-color3) 25%,var(--stripe-color4) 25%,var(--stripe-color4) 50%,var(--stripe-color3) 50%,var(--stripe-color3) 75%,var(--stripe-color4) 75%,var(--stripe-color4) 100%);background-size:65.05px 65.05px;margin:0;padding:0;overflow:hidden}.mainWrapper{aspect-ratio:4/3;height:min(800px,100vh);display:block;border:5px solid red;padding:0;justify-self:center;align-self:stretch;flex-wrap:wrap;overflow:hidden}.mainWrapper>header{display:flex;justify-content:space-between;padding-left:10px;background-color:gray;height:5%;width:100% - 10px;font-family:"Lucidafont-family: "Lucida Console", "Courier New", monospace; Console","Courier New",monospace;font-size:100%}header>button{height:100%;aspect-ratio:1/1}.mainTab{height:95%;width:100%;border:2px solid blue;padding:0;margin:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;overflow:hidden;background-position:center;display:grid;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(12,1fr);gap:5px;grid-auto-flow:column}.mainTab>div{border:3px yellow solid;margin:10px}.mainTab>*>button{aspect-ratio:1/1;opacity:.8;width:100%;padding:0;font-size:100%;text-align:center}.mainTab>div>p{margin:1px 5px 0}.appWindow{position:absolute;top:80px;left:min(700px,100vw - (100%-10px)/2);border:1px solid black;overflow:visible;background-color:var(--app-background-color);z-index:2}.backgroundWrapper{position:relative;background-color:var(--app-background-color);z-index:2;border:2px solid #8F825D}.appWindow .appHeader{z-index:2;display:flex;justify-content:space-between;padding-left:10px;width:calc(100% - 10px);background-color:var(--app-header-color);height:30px;font-family:"Lucidafont-family: "Lucida Console", "Courier New", monospace; Console","Courier New",monospace;font-size:20px;cursor:grab;margin:5px;position:relative;border:1px solid #8F825D}.appWindow .innerContent{width:calc(100% - 10px);z-index:2;position:relative}.workList button:hover{cursor:pointer}#portfolioApp{width:min(100%,768px);height:384px;aspect-ratio:2/1;background-color:#dbffff;background-size:cover;position:relative;min-height:0;z-index:2;overflow-y:auto;margin:5px}#portfolioApp h1{font-size:2em;color:#230d5e;margin:0 20px;height:max(100%,2em)}#portfolioApp ul{margin-right:auto;text-align:left;font-size:max(16px,1.05em);margin-left:0}#portfolioApp button{font-size:max(16px,1.1em)}.headingContainer{width:90%;border-bottom:1px solid gray;display:flex;height:fit-content;margin-top:0;margin-left:5%;margin-right:5%;margin-bottom:min(5px,2%);justify-content:center;align-content:center}.headingContainer img{height:clamp(32px,32px,64px);aspect-ratio:1/1;align-self:center}#funApp,#growthGameApp,#aboutMeApp{width:min(100%,750px);height:375px;aspect-ratio:2/1;background-color:#dbffff;background-size:cover;position:relative;min-height:0;overflow-y:auto;margin:5px;padding:5px}#aboutMeApp{background-color:#dfe1e2}#aboutMeApp p,#aboutMeApp li,#aboutMeApp h1{font-family:Arial,Helvetica,sans-serif;line-height:2em;padding-left:5px;padding-right:5px}#aboutMeApp h1{color:#fff;text-shadow:1px 1px black,-1px -1px black,1px -1px black,-1px 1px black}#aboutMeApp p{padding:5px}#aboutMeApp ul{text-align:left}#aboutMeApp img{border:1px solid pink}#aboutMeApp .sectionContainer{padding-bottom:15px}.round{border-radius:10px;margin-left:20px;margin-right:20px;padding-top:5px;padding-bottom:5px;background-color:#969696}.workList div{width:95%}.workList>li>button{background:transparent;padding:0;border:none!important;color:purple;text-decoration:underline}.portSubTab{margin:13px 1px 1px;width:99%;box-shadow:0,5px,5px gray;padding:3px 7px;justify-self:center;height:fit-content;border-radius:7px;background-color:var(--sub-tab-color);position:relative;overflow-x:visible}.portSubTab p{color:#fff}.portSubTab :before{content:"";position:absolute;left:52px;top:-10px;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent var(--sub-tab-color) transparent;z-index:9999}#tr{top:-75px;right:-75px}#tl{top:-75px;left:-75px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cogWrapper{z-index:-1;position:absolute;width:100%;top:0}.cornerCog{aspect-ratio:1/1;width:150px;z-index:-10;overflow:visible;position:absolute;animation:spin 10s linear infinite}@media(max-width:800px){.desktop-page body{display:block}.mainWrapper{aspect-ratio:auto;width:100vw;height:100vh;border:none}.mainTab{grid-template-columns:repeat(4,1fr)}.appWindow{max-width:95vw}#tr{top:-50px;right:-50px}#tl{top:-50px;left:-50px}.cornerCog{width:100px}}