:root{--yellow: #FFFBBE;--aboutme: #FFFEF2;--pink: #FFC2FF;--highlights: #FFF2FF;--turquoise: #B5FFFC;--playground: #EDFFFE;--purple: #ddc2ff;--posters: #f2e8ff}*{margin:0;padding:0;scrollbar-width:none}*:-webkit-scrollbar{display:none}a,p,h1,h2,h3{color:#000;text-decoration:none}.hide,.hide-when-mobile{display:none}.hide-when-desktop{display:block}body{display:flex;flex-direction:column}.pixelart{image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}header{width:100vw;height:auto;box-shadow:0 5px 5px 0 rgba(0,0,0,.054);background-color:#fff}header a{font-family:"Sligoil",monospace;font-size:2rem;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}header a:hover{cursor:pointer}header #mobileMenu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff}header #mobileMenu #hamburger{width:3rem;height:3rem;display:flex;flex-direction:row;align-items:center}header #mobileMenu #hamburger img{width:3rem}header #headerMenu{position:absolute;background-color:#fff;width:100vw;top:0;transition:.25s ease-out}header #headerMenu.hideheadermenu{top:-100%}header #index{background-color:var(--pink)}header #posters{background-color:var(--purple)}header #aboutme{background-color:var(--yellow)}header #playground{background-color:var(--turquoise)}header nav,header footer{display:flex;flex-direction:column}header nav{margin-bottom:4rem}header #footerIcons{display:flex;flex-direction:row;align-items:center;justify-content:space-between}header #footerIcons a img{width:3rem}#main{width:100vw}@media screen and (min-width: 1025px){.hide-when-desktop{display:none}.hide-when-mobile{display:block}body{display:flex;flex-direction:row;height:100vh}.empty{width:clamp(400px,30vw,600px);height:100vh}header{width:clamp(400px,30vw,600px);height:100vh;box-shadow:5px 0 5px 0 rgba(0,0,0,.054);position:fixed}header #mobileMenu{display:none}header #headerMenu{top:0 !important;position:relative;height:100%;width:inherit;display:flex;flex-direction:column;justify-content:space-between}header #index{background-color:rgba(0,0,0,0);display:inline-block;position:relative;z-index:10}header #index.activepage{background-color:var(--pink)}header #index::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:100%;bottom:0;left:0;background-color:var(--pink);transform-origin:bottom left;transition:transform .25s ease-out;z-index:-1}header #index:hover::after{transform:scaleX(1);transform-origin:bottom left}header #posters{background-color:rgba(0,0,0,0);display:inline-block;position:relative;z-index:10}header #posters.activepage{background-color:var(--purple)}header #posters::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:100%;bottom:0;left:0;background-color:var(--purple);transform-origin:bottom left;transition:transform .25s ease-out;z-index:-1}header #posters:hover::after{transform:scaleX(1);transform-origin:bottom left}header #aboutme{background-color:rgba(0,0,0,0);display:inline-block;position:relative;z-index:10}header #aboutme.activepage{background-color:var(--yellow)}header #aboutme::after{content:"";width:100%;transform:scaleX(0);height:100%;bottom:0;left:0;background-color:var(--yellow);transform-origin:bottom left;transition:transform .25s ease-out;position:absolute;z-index:-1}header #aboutme:hover::after{transform:scaleX(1);transform-origin:bottom left}header #playground{background-color:rgba(0,0,0,0);display:inline-block;position:relative;z-index:10}header #playground.activepage{background-color:var(--turquoise)}header #playground::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:100%;bottom:0;left:0;background-color:var(--turquoise);transform-origin:bottom left;transition:transform .25s ease-out;z-index:-1}header #playground:hover::after{transform:scaleX(1);transform-origin:bottom left}header nav{margin-bottom:0}header footer a:hover{color:dimgray}#main{width:70vw}}