@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.MobileControlsContainer{position:absolute;bottom:4.5rem;left:5%;font-family:Roboto}.MobileRestart{left:auto;right:5%}.MobileControls{display:flex;justify-content:center;align-items:center}.MobileControl{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:5px;color:#ffffff6a;border:3px solid #ffffff4a;margin:10px;background:#ffffff08;opacity:.5;-webkit-user-select:none;-ms-user-select:none;user-select:none}.MobileControl.Active{background:#ffffff99;color:#000}@media screen and (min-width: 900px){.MobileControlsContainer,.Up{display:none}}.NavBar{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;z-index:100;top:0;left:50%;transform:translate(-50%);font-family:inter}.NavHelloText{font-size:1.5rem;font-weight:700;color:#fff;margin:auto auto auto 3%}.NavHelloText img{margin-right:10px}.NavButtonsContainer{color:#fff;display:flex;align-items:center;justify-content:space-evenly}.NavEmailButton{background:linear-gradient(to right,#5e0bed,#331369);color:#fff;border:none;border-radius:5px;padding:10px!important;font-size:1rem;cursor:pointer;transition:.2s}.NavEmailButton a{color:#fff;text-decoration:none}.NavBar div{padding:5px;margin:10px}@media screen and (max-width: 900px){.NavBar{padding:1.5rem}.NavHelloText{font-size:1rem}.NavButtonsContainer div{display:none;margin:0;padding:0}a{color:#fff}.NavEmailButton{display:block!important}}.sectionHeaderText{font-family:inter;font-size:3rem;font-weight:600;color:#fff;text-align:center;margin:0;padding:1em 0;display:flex;justify-content:center;align-items:center}.WorkSection{padding:50px 0;text-align:center}.ProjectsContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.CardContainer{width:500px;height:700px;background-size:cover;background-repeat:no-repeat;background-position:center;margin:2rem;font-family:inter;text-align:left;position:relative;color:#fff;padding:20px;max-width:300px;border-radius:5px;border:1px solid #8b8b8b}.CardContainer:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));z-index:1}.CardProjectTitle{font-size:2rem;font-weight:700;position:absolute;bottom:70px;left:25px;z-index:2}.CardProjectDescription{font-size:1rem;font-weight:700;position:absolute;bottom:35px;left:25px;z-index:2}a{text-decoration:none}@media screen and (max-width: 900px){.ProjectsContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.CardContainer{width:250px;height:500px;margin:2rem}}html,body,#root{height:100%;width:100%;margin:0;background:#000000;padding:0}.canvasContainer{width:90%;height:80%;border:#404040 2px solid;border-radius:5px;margin:auto;margin-top:7rem;position:relative}.ScrollDownText{color:#8b8b8b;position:absolute;left:50%;bottom:2.5rem;transform:translate(-50%);font-family:inter;font-size:.5rem}.HeroTextContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-family:inter;font-size:4rem;font-weight:700;text-shadow:1px 1px 4px rgba(0,0,0,.3);width:90%}.HeroTextDeveloperType,.playAgainButton{font-size:1.2rem;font-weight:300;background:radial-gradient(#0d0d0e,#141415);padding:10px;border:10px solid transparent;border-image:linear-gradient(to bottom,#141415,#0d0d0e);border-image-slice:1;width:70%;max-width:20rem;display:flex;align-items:center;justify-content:center;margin:auto;margin-top:1.5rem}.playAgainButton{width:50%;border-image:none;background:none;font-weight:700;cursor:pointer;margin-top:0}@media screen and (max-width: 900px){*{-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none}.ScrollDownText{bottom:2.5rem}.HeroTextContainer{font-size:3rem}}