:root{--homeColor: hsl(335, 100%, 50%);--homeBtnColor: color-mix(in oklab, var(--homeColor) 80%, white);--portfolioColor: hsl(266, 100%, 42%);--portfolioBtnColor: color-mix(in oklab, var(--portfolioColor) 80%, white);--projectsColor: hsl(225, 34%, 74%);--projectsBtnColor: color-mix(in oklab, var(--projectsColor) 80%, white);--aboutColor: hsl(175, 100%, 37%);--aboutBtnColor: color-mix(in oklab, var(--aboutColor) 80%, white);--contactColor: hsl(176, 98%, 17%);--contactBtnColor: color-mix(in oklab, var(--contactColor) 80%, white);--timelineColor: #ffffff;--timelineSpacing: 8px;--timelineRadius: 4px;--timelineDotThickness: 4px;--timelineThickness: 4px;--menuHeight: 2em}*{margin:0;padding:0}html{background:var(--homeColor);overflow-x:clip}body{overflow-x:clip}.webgl{position:fixed;top:0;left:0;outline:none;z-index:101;pointer-events:none}.menu{position:fixed;text-align:center;top:0;width:100%;font-size:min(4vw,2em);z-index:100;background-color:var(--homeColor)}.section{display:flex-end;align-items:center;width:100%;height:100%;position:relative;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;color:#fff;font-size:2em;line-height:100vh;text-align:left;padding-top:0;padding-bottom:0}.sectionMenu{position:-webkit-sticky;position:sticky;top:0;padding-top:var(--menuHeight);padding-left:.25em;z-index:10;width:calc(100% - .25em)}.subsectionMenu{top:10vh}#home{height:100vh}#portfolio .sectionMenuLandscape{width:49%}#portfolio .sectionMenuPortrait{height:auto - 32px;background-image:linear-gradient(to bottom,var(--portfolioColor) 80%,rgba(0,0,0,0));text-shadow:0px 2px var(--portfolioColor),0px 4px var(--portfolioBtnColor)}#portfolio .externalSiteBtn{background-color:var(--portfolioBtnColor)}#projects .sectionMenu{background-image:linear-gradient(to bottom,var(--projectsColor) 60%,rgba(0,0,0,0));text-shadow:0px 2px var(--projectsColor),0px 4px var(--projectsBtnColor)}#projects .externalSiteBtn{font-size:min(3.5vw,1em)}#about .sectionMenu{background-image:linear-gradient(to bottom,var(--aboutColor) 60%,rgba(0,0,0,0));text-shadow:0px 2px var(--aboutColor),0px 4px var(--aboutBtnColor)}#contact .sectionMenu{text-shadow:0px 2px var(--contactColor),0px 4px var(--contactBtnColor)}#contact button{background-color:var(--contactBtnColor)}.sectionContent{display:flex;align-items:flex-start;flex-wrap:wrap;max-width:1280px;margin:auto;height:100%;line-height:normal}span{display:inline-block;line-height:normal;width:100%;padding-left:min(3vh,16px);padding-right:min(3vh,16px)}.bg{width:100%;height:100%;position:absolute;z-index:-1000}.portfolioBG{background:var(--portfolioColor)}.projectsBG{background:var(--projectsColor)}.aboutBG{background:var(--aboutColor)}.contactBG{background:var(--contactColor)}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif}a:link,a:visited{color:#8000d5}a:hover{color:#e5bdff}button{-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;font-family:Bebas Neue,sans-serif;color:#fff;font-size:1em;background:#8000d5;padding:8px 16px 4px;border:0px #00FFC8;text-decoration:none;vertical-align:middle;box-shadow:0 8px 32px #0000006b;margin:.2vmin}button .desc{font-size:.6em;line-height:.2em}button:hover{border:3px #ffffff99;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 3px #fff}.externalSiteBtn{font-size:1.25em;padding:8px 16px}#homeBtn{background-color:var(--homeBtnColor)}#portfolioBtn{background-color:var(--portfolioBtnColor)}#projectsBtn{background-color:var(--projectsBtnColor)}#aboutBtn{background-color:var(--aboutBtnColor)}#contactBtn{background-color:var(--contactBtnColor)}.videoContainer{position:relative;padding-bottom:56.25%}iframe{position:absolute;top:0;left:0;width:100%;height:100%}.portfolioTimelineBtn{background-color:var(--portfolioBtnColor);padding:0;margin:0}.portfolioTimelineContent{line-height:.8em;text-align:left;display:flex;align-items:flex-start;padding:.5vmin;pointer-events:none}.portfolioTimelineContent .text{max-width:28vmin;padding:.5vmin}.portfolioTimelineContent .thumb{-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;width:8vmin;padding:0;margin:.5vmin}.portfolioInfoHeader{text-align:left;display:flex;align-items:flex-start;padding:0;pointer-events:none}.portfolioInfoHeader .thumb{-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;width:96px;padding:0;margin-right:1.5vmin}.portfolioInfoTopRight{float:right;padding:0;margin:0}.portfolioInfoContainer{margin:auto;height:100%}.portfolioInfoContainerLandscape{position:relative;float:right;right:0;width:50%;padding-top:15vh;padding-bottom:42vh;z-index:11}.portfolioInfoContainerLandscape .portfolioInfo{scroll-margin-top:15vh}.portfolioInfoContainerPortrait{width:100%;padding-top:10vh;z-index:9}.portfolioInfoContainerPortrait .portfolioInfo{scroll-margin-top:50vh}.portfolioInfo{-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;height:fit-content;margin:auto;margin-bottom:4vmin;font-family:Montserrat,sans-serif;font-size:.6em;line-height:normal;padding:16px;background-image:linear-gradient(to right,var(--portfolioBtnColor),var(--portfolioColor));box-shadow:-32px 8px 32px #0000004d}.portfolioInfo h1{font-size:min(2.8em,10vw);line-height:.8em}.portfolioInfo h2{font-size:min(1.5em,6vw)}.portfolioInfo img{width:100%;padding:0}.portfolioInfoVideos{display:flex;flex-wrap:wrap}.portfolioVideo{width:50%}#projectsContainer{display:flex;flex-wrap:wrap;justify-content:center}.gameJamBtn{background-color:var(--projectsBtnColor);background-position:center;background-repeat:no-repeat;background-size:100%;background-clip:padding-box;overflow:hidden;width:100%;height:100%;max-width:618px;padding:0}.gameJamBtn .bold{color:#8000d5}#projectVideo{width:100%;height:100%;object-fit:cover;padding:0}#projectContainer{width:auto;height:100%;display:grid;grid-template-columns:1fr}#projectContainer div,#projectContainer video{grid-row-start:1;grid-column-start:1}#projectContent{width:100%;height:100%;line-height:.8em;text-align:left;display:inline-flex;align-items:flex-start;justify-content:space-between;padding:1vh;pointer-events:none}#projectRatings{position:relative;right:0;font-size:.8em;line-height:1em;text-shadow:0px 3px 8px #001a68;padding:0 2vh}#projectRatings .bold{color:var(--homeColor)}.shaderBtn{background-position:center;background-repeat:no-repeat;background-size:100%;background-clip:padding-box;width:64vmin;height:36vmin;max-width:512px;max-height:288px;overflow:hidden;padding:0}#circuitSandBtn{background-image:url(https://www.shadertoy.com/media/shaders/3s2BDV.jpg)}#judgementOfTheSunBtn{background-image:url(https://www.shadertoy.com/media/shaders/wdGGDh.jpg)}#outrunTheRainBtn{background-image:url(https://www.shadertoy.com/media/shaders/ltccRl.jpg)}#coldPlasmBtn{background-image:url(https://www.shadertoy.com/media/shaders/MltXWs.jpg)}img{-webkit-border-radius:16;-moz-border-radius:16;border-radius:16px;padding:16px}.bold{color:#8000d5}#aboutTxt{font-family:Montserrat,sans-serif;font-weight:500;font-size:.8em}input,textarea{-webkit-border-radius:8;-moz-border-radius:8;border-radius:8px;font-family:Bebas Neue,sans-serif;color:#fff;font-size:1em;background:#3336;padding:8px 16px 4px;border:3px #00FFC8;text-decoration:none;text-shadow:0px 4px #00000044;vertical-align:middle;width:calc(100% - 32px)}textarea{height:20vh}#contactForm{width:100%}.timeline{background:fade(white,3%);color:fade(white,80%);font-family:Bebas Neue,sans-serif;margin:0 var(--timelineSpacing) auto;letter-spacing:.5px;position:relative;line-height:1.4em;font-size:min(4vmin,1.2em);list-style:none;text-align:left;font-weight:100}.timeline .event{border-bottom:1px dashed fade(white,10%);margin-bottom:var(--timelineSpacing);position:relative}.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.timeline .event:before,.timeline .event:after{position:absolute;display:block;top:0}.timeline .event:before{left:-120px;color:#fffd;content:attr(data-date);text-align:right;font-weight:100;font-size:.9em;min-width:80px;font-family:Bebas Neue,sans-serif}.timeline .event:after{box-shadow:0 0 0 var(--timelineDotThickness) var(--timelineColor);left:calc((var(--timelineSpacing) + 10px) * -1);background:var(--homeColor);border-radius:50%;height:16px;width:16px;content:"";top:0;text-align:left}.timelineVertical{border-left:var(--timelineThickness) solid var(--timelineColor);border-bottom-right-radius:var(--timelineRadius);border-top-right-radius:var(--timelineRadius);left:9.42vmin;padding:0 var(--timelineSpacing) var(--timelineSpacing);max-width:440px}.timelineHorizontal{border-top:var(--timelineThickness) solid var(--timelineColor);display:flex;top:4vmin;max-width:100%}.timelineHorizontal .event{padding-right:var(--timelineSpacing)}.timelineHorizontal .event:last-of-type{padding-right:0;margin-right:0}.timelineHorizontal .event:before{color:#fff;left:8px;top:-5vmin;text-align:left;text-shadow:0px 3px 16px #001a68}.timelineHorizontal .event:after{left:-12px;top:-10px}.timelineHorizontal .portfolioTimelineContent{flex-wrap:wrap}.timelineHorizontal [data-inviewport=slide-in-left]{transition:.5s;transform:translate(32px)}[data-inviewport=slide-in-left]{transition:.5s;transform:translate(64px);opacity:0}[data-inviewport=slide-in-left].is-inViewport{transform:translate(0);opacity:1}[data-inviewport=slide-in-right]{transition:.5s;transform:translate(-64px);opacity:0}[data-inviewport=slide-in-right].is-inViewport{transform:translate(0);opacity:1}