@font-face{font-family:press_start_2pregular;src:url(/assets/pressstart2p-vav7-webfont.fc9808c7.woff2) format("woff2"),url(/assets/pressstart2p-vav7-webfont.ff2a4eae.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:pasti-regular;src:url(/assets/PastiRegular-mLXnm.054bd941.otf);font-weight:400;font-style:normal}@font-face{font-family:pasti-oblique;src:url(/assets/PastiOblique-7B0wK.4d9b63b8.otf);font-weight:400;font-style:normal}html{font-family:pasti-regular,Arial,sans-serif;font-weight:400;font-style:normal;color:#fff}h1{font-family:pasti-oblique,Arial,sans-serif;text-shadow:0px 3px 0px rgb(139,139,139)}canvas{position:fixed;top:0;left:0;z-index:0}body{justify-content:center;-webkit-overflow-scrolling:touch}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-screen{position:fixed;top:0;left:0;z-index:10;height:100vh;width:100vw;background-color:#000;text-align:center}#loading-screen h1{font-family:press_start_2pregular,Arial,sans-serif;display:inline-block;position:relative;top:50%}.loading-period{display:inline-block;position:relative;animation-name:loading;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear;margin:3px 8px;text-align:center;height:8px;width:8px;background-color:#fff}#loading-banner{margin:auto;top:48%;position:relative}#loading{margin-right:5px}.navbar{position:fixed;left:0;bottom:0;width:100%;bottom:0px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;z-index:2;border-top:1px solid rgb(184,182,182);border-radius:8px;padding-top:6px;padding-bottom:20px;background-color:#000}.navbar-button{z-index:2;display:inline-block;min-width:150px;width:20vh;height:4vh;border:1px solid white;border-radius:10px;text-align:center;margin:.5vh 0vh;background-color:#000;box-shadow:0 16px #fff;-webkit-box-shadow:0px 16px 0px white;-moz-box-shadow:0px 16px 0px white;transition:all .06s;-webkit-transition:all .06s;-moz-transition:all .06s;cursor:pointer;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.navbar-button{font-family:pasti-oblique;font-size:3vh;text-shadow:0px 1px 0px rgb(151,150,150);margin:6px auto auto;line-height:4.5vh;text-decoration:none;color:#fff}@keyframes push-button-start{to{box-shadow:0 4px #fff;transform:translateY(12px);-webkit-box-shadow:0px 4px 0px white;-moz-box-shadow:0px 4px 0px white}}@keyframes push-button-end{to{color:#e1f589;border:1px solid rgb(225,245,137);box-shadow:0 4px #d4f833;-webkit-box-shadow:0px 4px 0px rgb(225,245,137);-moz-box-shadow:0px 4px 0px rgb(225,245,137)}}.navbar-button.pushed{z-index:1;pointer-events:none;cursor:none;animation-name:push-button-start,push-button-end;animation-duration:.5s,.3s;animation-fill-mode:forwards,forwards;animation-delay:0s,.4s}.navbar-button.first-location{z-index:1;pointer-events:none;cursor:none;animation-name:push-button-start,push-button-end;animation-duration:0s,0s;animation-fill-mode:forwards,forwards;animation-delay:0s,0s}.navbar-button.other-active{pointer-events:none;color:#696868;border:1px solid rgb(105,104,104);transition-property:color,border,box-shadow;transition-duration:1s;-webkit-transition-property:color,border,box-shadow;-moz-transition-property:color,border,box-shadow;-webkit-transition-duration:1s;-moz-transition-duration:1s;box-shadow:0 16px #696868;-webkit-box-shadow:0px 16px 0px rgb(105,104,104);-moz-box-shadow:0px 16px 0px rgb(105,104,104)}@keyframes push-button-start-mobile-horizontal{to{box-shadow:0 4px #fff;transform:translateY(4px);-webkit-box-shadow:0px 4px 0px white;-moz-box-shadow:0px 4px 0px white}}.main-content{margin:0;height:100%;width:100%;position:absolute;top:0;left:0;max-width:100vw;text-align:center;overflow:hidden}@keyframes hide-section{0%{opacity:1}to{opacity:0}}.section{position:absolute;width:100%;height:100%;opacity:1;transition:opacity 2.5s;padding-top:57vh;left:0;top:0;overflow:auto}.section.hidden{overflow:hidden;opacity:0;transition:opacity 2s;pointer-events:none}#home h1{margin-bottom:8vw;font-family:press_start_2pregular}#projects{padding-top:34vh}#projects:after{display:block;content:"\a0";height:40vh;width:100vw}#projects h1{font-size:500%;float:left;margin-left:2vw;display:none}.github-cards{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1210px;margin:auto;overflow-y:scroll;padding-bottom:20vh}.repo-card{display:flex;flex-wrap:wrap;align-content:space-between;border-radius:10px;width:360px;height:360px;margin:8px;perspective:1000px;padding:6px;background:linear-gradient(to right bottom,rgba(97,97,97,.568),rgba(54,54,54,.342))}.repo-card>p{font-size:120%}.title>a{font-family:press_start_2pregular;font-size:150%;text-align:center;color:#fff;text-decoration:underline}#about-me{display:block;padding-top:35vh}#about-me:after{display:block;content:"\a0";height:30vh;width:100vw}#about-me-header{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;max-width:1200px;flex-grow:1;margin:auto;background:linear-gradient(to right bottom,rgba(97,97,97,.568),rgba(54,54,54,.342))}#headshot{display:block;height:150px;border-radius:50%;border:1px solid white}#header-sub-section{display:flex;flex-wrap:wrap;width:100%;align-items:center;justify-content:space-around}#header-websites{flex-grow:2;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}#header-websites img{flex-shrink:1;max-height:70px}.large-logo{display:block}.small-logo{display:none;margin:5px}.about-me-card-section{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1210px;margin:auto;overflow-y:auto;padding-bottom:20vh}.about-me-card{display:inline-block;border-radius:10px;width:360px;height:360px;margin:8px;overflow:hidden;perspective:1000px;background-color:transparent}.about-me-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.about-me-card-front,.about-me-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(to right bottom,rgba(97,97,97,.568),rgba(54,54,54,.342))}.about-me-card-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:space-around}.about-me-card-back p{font-size:150%;margin:0 15px}.about-me-card img{height:100%;width:100%}.about-me-card.active .about-me-card-inner{transform:rotateY(180deg)}#resume{padding-top:60vh}#resume:after{display:block;content:"\a0";height:70vh;width:100vw}#resume-content-wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}#contact-info{margin-bottom:10px}#contact-info a{display:block;height:30px}#contact-linkedIn-logo img{display:block;margin:auto;height:100%}#resume-content-wrapper>a{height:35px;color:#fff;text-decoration:none;display:inline-block;min-width:150px;width:30vh;margin:2vh 1vw;padding:6px;border:1px solid white;text-shadow:0px 2px 0px rgb(151,150,150);box-shadow:0 4px #fff;-webkit-box-shadow:0px 4px 0px white;-moz-box-shadow:0px 4px 0px white;border-radius:10px;text-align:center;line-height:4vh;font-family:pasti-oblique,Arial,sans-serif;font-size:130%;background-color:#000}#tweakables{z-index:4;position:absolute;left:2px;border:1px solid white;background-color:#000}#tweakables h2{z-index:1}#tweakables button,#inputNumberRockets{display:block;margin-top:20px}@media screen and (max-height: 500px){.navbar-button{box-shadow:0 8px #fff;-webkit-box-shadow:0px 8px 0px white;-moz-box-shadow:0px 8px 0px white}.navbar-button.pushed{animation-name:push-button-start-mobile-horizontal,push-button-end!important}.navbar-button{margin-top:2px!important}.navbar-button.other-active{box-shadow:0 8px #696868;-webkit-box-shadow:0px 8px 0px rgb(105,104,104);-moz-box-shadow:0px 8px 0px rgb(105,104,104)}}@media screen and (max-height: 500px){#home{padding-top:35vh!important}#home h1{font-size:150%;margin-bottom:4vw}#projects{padding-top:2vh}#projects h1{font-size:400%}.github-cards{height:40vh!important}}@media screen and (max-width: 600px){#home,#projects{padding-top:40vh!important}#projects h1{display:none}#about-me{padding-top:25vh!important}.large-logo{display:none!important}.small-logo{display:block!important}#resume{padding-top:30vh!important}}