.single-page{height:100vh}body{background-color:#000;color:#fff;font-family:'Open Sans',sans-serif}.main-nav{display:flex;justify-content:center;align-items:center;color:#fff;font-size:2vh;flex-grow:0}.nav-buttons li{cursor:pointer;margin-left:8vh;display:inline-block}.back-color{background-color:#000000b7!important}.back-color-black{background-color:#000}.nav-buttons li:after{content:'';display:block;width:0;height:2px;background:#fff;transition:width .3s}.nav-buttons li:hover::after{width:100%}.nav-buttons li.currentTab:after{width:100%}.nav-item a{text-decoration:none;color:inherit}#nav-toggler{margin-right:11vw}#nav-toggler span,#nav-toggler span:after,#nav-toggler span:before{cursor:pointer;border-radius:1px;height:3px;width:35px;background:#fff;position:absolute;display:block;content:''}#nav-toggler span:before{top:-10px}#nav-toggler span:after{bottom:-10px}#nav-toggler span,#nav-toggler span:after,#nav-toggler span:before{transition:all .5s ease-in-out}#nav-toggler.active span{background-color:transparent}#nav-toggler.active span:after,#nav-toggler.active span:before{top:0}#nav-toggler.active span:before{transform:rotate(45deg)}#nav-toggler.active span:after{transform:rotate(-45deg)}.brandImage{height:7vh}.brandImageTop{transition:all 1s}#floatingToggle{position:absolute;right:7vw;width:50px;height:50px;top:3vh;cursor:pointer;z-index:1000}@-webkit-keyframes blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes blink{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}.gradient-border{width:100%;display:block;border:none;height:1px;background:#000;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#fff),to(rgba(255,255,255,.1)));margin-top:10px;margin-bottom:10px}.gradient-border-dark{width:100%;display:block;border:none;height:1px;background:#000;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.05)));margin-top:10px;margin-bottom:10px}.navbar{transition:background-color 1s}.x-spacer{height:1px;width:20px}.x-spacer-xl{height:1px;width:75px}.logo-image{margin-right:10px;height:2rem;border-radius:3px}.footer{width:100%;background-color:#565656;padding:15px}.footer-content{display:flex;justify-content:space-between;padding:0}.title{text-align:center}.main-title{font-size:2.2rem}.sub-title{font-size:1.1rem}.sub-sub-title{font-size:.9rem}.intro-title{font-size:5vh;margin-bottom:40px;text-align:center}.main-container{display:flex;align-items:center;flex-direction:column;margin-top:20vh}a{text-decoration:none}a:hover{text-decoration:none}.modal-background{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0);z-index:1500;transition:all .5s;visibility:hidden;display:flex;justify-content:center;align-items:center}.modal-platform{background-color:#000000b3;transition:all .5s;border-radius:10px;opacity:0}.modal-items{display:flex;justify-content:space-around;align-items:center;height:45vh}.modal-close{height:5vh;display:flex;justify-content:flex-end;padding:2vh}.modal-image-container{display:flex;justify-content:center;height:100%;align-items:center}@media (min-width:992px){.navbar{justify-content:center}#nav-toggler{display:none}}@media (max-width:992px){.nav-buttons li{margin-left:0;font-size:30px}.main-title{font-size:1.3rem}.footer{font-size:.9rem}.logo-image{height:1.5rem}.footer-content{justify-content:center}}#titleContainer{font-size:4vh}#titleDiv{position:fixed;display:flex;align-items:center;justify-content:center;width:100vw;text-align:center;flex-direction:column;margin-top:25vh}#projectHeart{position:absolute;margin-top:3.5vh;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:4vh;transition:all .8s;z-index:1000}.project-slide div{display:flex;justify-content:center;align-items:center}.heartbeat:hover{cursor:pointer;width:5vh}.device-mockup{height:35vh;transition:height .4s ease-out}.store-link{width:100px;margin:5px;transition:all .4s ease-out;margin-bottom:20px;cursor:pointer}.mockup-zone{display:flex;flex-direction:column;align-items:center}.store-link-a{transition:all .4s}#header{transition:background-color .7s}.fp-controlArrow{display:none!important}.app-layer{position:absolute;transition:all 1.5s ease-out;height:40vh}.bottom-menu{position:absolute;height:60px;width:100vw;bottom:0;background-color:rgba(60,2,2,.44);z-index:1000;color:#fff;display:flex;justify-content:space-between;align-items:center}#arrow-next{font-size:36px;cursor:pointer;display:flex;justify-content:end;width:20vw;height:100%;align-items:center}#arrow-prev{font-size:36px;cursor:pointer;display:flex;justify-content:start;width:20vw;height:100%;align-items:center;transition:all .5s}#arrow-prev:not(.is-touch):hover{background-image:linear-gradient(to right,rgba(0,0,0,.3),rgba(206,32,28,0))}#arrow-next:not(.is-touch):hover{background-image:linear-gradient(to left,rgba(0,0,0,.3),rgba(206,32,28,0))}.go-back-arrow{justify-content:center;width:100%;flex-direction:column;align-items:center;position:absolute;cursor:pointer;z-index:1000;visibility:hidden;display:flex;opacity:0;transition:all .5s}.back-image{background-image:url(/b0e3b596b1c8138274677d8d8c31fcf81d6662dc/b2f96/images/backgrounds/background.webp);background-repeat:round;background-size:cover;position:absolute;width:100vw;height:100vh;transition:opacity 1.5s}.project-footer{width:100%;height:10vh;margin-bottom:60px;flex-wrap:wrap}.scroll-down-zone{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;opacity:0;transition:opacity 1s}.image-container{display:flex;justify-content:center;margin-top:75px}@media (max-width:992px){.project-slide div{align-items:start!important}.fp-slides{overflow-y:scroll!important}.row{width:98vw}.mobile-spacer{height:5vh;width:100vw}.mobile-spacer-lg{height:10vh;width:100vw}.store-link-a{display:none}.desktop-only{display:none!important}.modal-platform{height:80vh;width:70vw}.modal-items{flex-direction:column;height:75vh!important}.modal-image-container{width:100%}.image-container{margin-top:5vh}.app-layer{height:30vh}}.back-color-red{background-color:#8e1210!important}.show-flex{visibility:visible!important;opacity:1}#slideTitle{font-size:28px}@media (min-width:992px){.container-fluid{margin:10vw}.go-back-arrow{top:12vh}.mobile-only{display:none!important}.modal-platform{height:50vh;width:80vw}.platform-left:hover{background-image:radial-gradient(ellipse at right,rgba(0,0,0,.548) 0,rgba(0,0,0,0) 70%)}.platform-right:hover{background-image:radial-gradient(ellipse at left,rgba(0,0,0,.548) 0,rgba(0,0,0,0) 70%)}.modal-image-container{width:50%}body{font-size:2vh}}.github-container-desktop{display:flex;align-items:center;height:5vh;border:1px solid #fff;border-radius:.5vh;padding:10px;transition:background-color .5s;cursor:pointer}.github-container-desktop:hover{background-color:#000}.github-container-mobile{display:flex;align-items:center;height:4.5vh;border:1px solid #bcacac;background-color:#000;border-radius:.5vh;padding:10px}