*{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;box-sizing:border-box}html,body{font-family:Azeret Mono,serif;color:#fff;background-color:#000;margin:0;-webkit-user-select:none;user-select:none;scroll-behavior:smooth}body{display:flex;flex-direction:column}h2{font-weight:lighter}section{padding:1rem;box-sizing:border-box;min-height:100vh;position:relative}section h2:before{content:"$> "}#heroSection{display:flex;flex-direction:column;height:100vh;overflow:hidden}#sectionsMenu{display:flex;gap:1rem}.sectionAnchor{border:1px solid white;text-transform:uppercase;letter-spacing:3px;font-weight:100;padding:8px;cursor:pointer;text-decoration:none;color:#fff}#nameContainer{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;font-size:64px;font-style:italic;width:100%;justify-content:center;z-index:1}#heroPhotoContainer{height:100%;width:50%;right:0;margin-left:auto;position:relative}#heroPhoto{background-image:url(/assets/IMG_20241019_075215-FrbMvAWU.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;width:450px;height:600px;border:1px dashed white;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);max-width:calc(100% - 2rem);max-height:calc(100% - 2rem)}#nameContainer p{display:block;margin:0}#nameContainer p:last-child{font-size:32px;font-weight:100}.backgroundLight{--background-light-dimension: 512px;position:absolute;width:var(--background-light-dimension);height:var(--background-light-dimension);border-radius:100%;z-index:0;opacity:.8;top:50%;left:50%}#blue.backgroundLight{transform:translate(calc(-50% + 100px),calc(-50% + 100px))}#green.backgroundLight{transform:translate(calc(-50% - 200px),calc(-50% + 0px))}#pink.backgroundLight{transform:translate(calc(-50% + 50px),calc(-50% - 200px))}.showMoreButton{display:none;background-color:#00f;border-radius:1000vw;position:absolute;padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:2px;font-weight:lighter;align-items:center;gap:.5rem;cursor:pointer}.showMoreButton img{height:24px;width:24px}#memory{width:50%;height:auto;box-shadow:0 0 100px #e600ff80;position:absolute;left:3rem;top:50%;transform:translateY(-50%)}.projectDescription{position:absolute;width:256px;right:8rem;top:30%}.projectDescription:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translate(-100%,-50%);border-width:8px;border-style:solid;border-color:transparent transparent transparent white}#cameraFeedContainer{height:100vh;display:flex;position:relative;border:2px dashed white;overflow:hidden}.oneLiner{white-space:nowrap}.hidden{display:none!important}footer{display:flex;padding:1rem;margin-top:auto;gap:1.5rem}#socialMediaList h2{white-space:nowrap;font-weight:100;z-index:10}#socialMediaList a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#fff;width:33%}#socialMediaList a img{height:32px;width:32px}#callToAction{padding:50px;display:flex;width:100%;border:1px dashed white}#callToAction p{letter-spacing:3%;font-size:max(18px,2vw);font-weight:100;margin:auto;text-align:center}footer #fancySeparator{display:flex;flex-direction:column;align-items:center;padding:8px;gap:1rem}#myWorksText{font-size:128px;text-align:center;letter-spacing:100%;font-style:italic;margin:0;font-weight:700}#myWorksText p{margin:0}#three{height:130vh}.techStack{position:absolute;bottom:1rem;left:2rem;display:flex;align-items:center}.techStack:before{content:"Tech stack:";font-weight:100;font-size:18px;margin-right:1rem}.techStack img{height:32px;width:32px;margin-right:1rem}.gameContainer{background-color:#fff;color:#000;display:flex;flex-direction:column;cursor:pointer}.gameContainer h3{margin-left:1rem}#tetrisContainer{height:600px;width:300px;padding:0;border:2px solid white}#snakeContainer{height:350px;width:350px;right:20%;bottom:3rem;border:2px solid white}#snakeContainer td{border-radius:100%}.playButton{margin:auto;text-transform:uppercase;letter-spacing:3px;font-weight:700;border:1px solid black;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;gap:.5rem}.controlsContainer{display:flex;width:fit-content;position:absolute;top:50%;right:50%}.controls{padding:.5rem;position:absolute;right:0;transform:translate(100%);display:flex;flex-direction:column;gap:1rem}.controls div{border:1px dashed white;display:flex;align-items:center;justify-items:center;padding:.5rem;border-radius:100%;cursor:pointer}.controls img{height:1rem;width:1rem}.controlsContainer:has(#tetrisContainer){margin-left:-400px;margin-top:-300px}.controlsContainer:has(#snakeContainer){margin-right:-400px;margin-top:100px}#videoControls{position:absolute;top:0;right:0;padding:1rem;display:flex;gap:1rem}#videoControls div{background-color:#000;color:#fff;padding:.5rem;border-radius:100%;border:1px dashed white;cursor:pointer;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 800px){section h2{text-align:center;margin:1rem 0}section h2:before{content:""}.projectDescription{position:static;width:revert;width:80%}.projectDescription:before{display:none}#heroPhotoContainer{height:100%;width:100%;margin:auto}#nameContainer{top:80%;font-size:10vw}#nameContainer p:last-child{font-size:5vw}#memory{width:90%;left:5%}#games{display:flex;flex-direction:column;align-items:center;gap:5rem;height:240vh}.controlsContainer{position:relative;left:0;transform:none;top:0;margin:0!important;max-width:100%}.controls{position:absolute;right:auto;left:0;bottom:0;transform:translateY(calc(100% + 1rem))}#tetrisContainer{width:400px;max-width:100%;aspect-ratio:1/2;height:auto}#snakeContainer{width:400px;max-width:100%;aspect-ratio:1/1;height:auto}footer{flex-direction:column}footer #socialMediaList a{width:fit-content}footer #socialMediaList{display:flex;justify-content:space-evenly}footer #fancySeparator{flex-direction:row;justify-content:space-evenly}footer #socialMediaList h2{display:none}footer #socialMediaList p{display:none}}.coolButton{text-transform:uppercase;position:relative;overflow:hidden;border:1px dashed white;color:#fff;display:inline-block;font-size:15px;line-height:15px;padding:18px 18px 17px;text-decoration:none;cursor:pointer;background:#000;user-select:none;-webkit-user-select:none;touch-action:manipulation}.coolButton span:first-child{position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.coolButton span:last-child{color:#000;display:block;position:absolute;bottom:0;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translate(-50%);height:14px;line-height:13px}.coolButton:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#fff;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(9.3deg) scaleY(0);z-index:50}.coolButton:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.coolButton:hover span:last-child{transform:translate(-50%) translateY(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}