@-webkit-keyframes progressBegin{from{width:0}to{width:20%}}@keyframes progressBegin{from{width:0}to{width:20%}}@-webkit-keyframes aboutTitle{from{-webkit-transform:translate(-50%,-400px);transform:translate(-50%,-400px);opacity:0}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}@keyframes aboutTitle{from{-webkit-transform:translate(-50%,-400px);transform:translate(-50%,-400px);opacity:0}to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}}@-webkit-keyframes aboutDesc{from{-webkit-transform:translateY(400px);transform:translateY(400px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes aboutDesc{from{-webkit-transform:translateY(400px);transform:translateY(400px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes aboutButton{from{-webkit-transform:translateY(800px);transform:translateY(800px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes aboutButton{from{-webkit-transform:translateY(800px);transform:translateY(800px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}body{margin:0;padding:0;font-family:"Roboto Mono";width:100vw;height:100vh;overflow:hidden}.container-outside{width:100vw;height:100vh;overflow:hidden}.container{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border:solid .5px #000}.side-top{position:absolute;top:-11px;left:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.side-top-item{margin:0 10px;background:#fff;padding:0 15px;font-size:.9em;font-weight:300;cursor:pointer;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.side-top-item a{width:100%;color:#000}.side-top-item:hover{-webkit-transform:scale(1.7);transform:scale(1.7)}.side-right{position:absolute;top:80px;right:-97px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.side-right-item{margin:0 25px;background:#fff;padding:0 20px;font-size:1.2em;font-weight:900}.progress{height:10px;background:#fff;position:absolute;top:25px;left:25px;right:25px;border-radius:23px;border:solid .5px #43da69;overflow:hidden}.progress-bar{height:10px;width:20%;background:#43da69;-webkit-transition:width 1.2s;transition:width 1.2s;-webkit-animation:progressBegin 1.2s ease-in-out;animation:progressBegin 1.2s ease-in-out}.about,.display,.thanks{font-family:"Bebas Neue";position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-transition:opacity .8s,-webkit-transform 2s;transition:opacity .8s,-webkit-transform 2s;transition:transform 2s,opacity .8s;transition:transform 2s,opacity .8s,-webkit-transform 2s}.display,.thanks{-webkit-transform:translateX(100vw);transform:translateX(100vw);opacity:0}.about-inner,.display-inner,.thanks-inner{width:auto;margin:auto}.about-inner{-webkit-transform:translateY(60px);transform:translateY(60px)}.about-title,.display-title,.thanks-title{color:#43da69}.about-title{font-size:9em;color:#fff;-webkit-text-stroke:1px #43da69;text-align:center;display:inline-block;margin:auto;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;-webkit-animation:aboutTitle 1s;animation:aboutTitle 1s}.about-no-outline{color:#43da69}.display-title,.thanks-title{font-family:"Bebas Neue";max-width:800px;font-weight:800;font-size:4em;line-height:1em;text-align:center;padding:10px}.about-desc,.display-desc,.thanks-desc{font-family:"Open Sans";max-width:800px;font-weight:200;font-size:1.2em;line-height:1.8em;text-align:center;padding:10px}.about-desc{margin:60px auto 20px;-webkit-animation:aboutDesc 1.4s;animation:aboutDesc 1.4s}.next-buttons{margin:20px auto;width:220px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:aboutButton 1.4s;animation:aboutButton 1.4s;-ms-flex-item-align:center;align-self:center}.next-buttons:not(.next-buttons:nth-child(1)){width:140px}.checkout,.next-left,.next-right{margin:auto}.left-btn,.right-btn{font-size:1.5em;background:#43da69;border:solid .5px #43da69;padding:3px 11px 2px 11px;color:#fff;cursor:pointer;-webkit-transition:background .5s,color .5s;transition:background .5s,color .5s;outline:0}.left-btn:hover,.right-btn:hover{background:#fff;color:#43da69}.checkout{padding-top:1px;font-size:1.2em}.thanks-link{color:#43da69;text-decoration:none}.thanks-link:hover{-webkit-filter:brightness(2);filter:brightness(2)}@media only screen and (min-width:1500px){.about-title{font-size:12em}.display-title{font-size:6.5em}.about-desc,.display-desc,.display-title,.thanks-desc,.thanks-title{max-width:1300px}.about-desc,.display-desc,.thanks-desc{padding-top:40px;font-size:2.2em}.next-buttons{width:350px}.checkout{font-size:2em}.left-btn,.right-btn{font-size:2.5em;background:#43da69;border:solid .5px #43da69;padding:3px 15px 2px 15px;color:#fff;cursor:pointer;-webkit-transition:background .5s,color .5s;transition:background .5s,color .5s;outline:0}.left-btn:hover,.right-btn:hover{background:#fff;color:#43da69}.side-right{position:absolute;top:110px;right:-132px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.side-top{position:absolute;top:-22px;left:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.side-top-item{margin:0 20px;background:#fff;padding:0 15px;font-size:1.8em;font-weight:300;cursor:pointer;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.side-top-item a{width:100%;color:#000}.side-top-item:hover{-webkit-transform:scale(1.7);transform:scale(1.7)}.progress{border-radius:40px}.progress,.progress-bar{height:20px}.side-right-item{margin:0 25px;background:#fff;padding:0 20px;font-size:2em;font-weight:900}}@media only screen and (max-width:800px){.about-title{font-size:6em}.about-desc{font-size:1em;line-height:2em}.about,.display,.thanks{-webkit-transition:opacity .5s,-webkit-transform 1.2s;transition:opacity .5s,-webkit-transform 1.2s;transition:transform 1.2s,opacity .5s;transition:transform 1.2s,opacity .5s,-webkit-transform 1.2s}}@media only screen and (max-width:400px){.about-title{font-size:4em}.display-title,.thanks-title{font-size:3.2em}.about-desc,.display-desc,.thanks-desc{font-size:1.2em}.side-top{left:auto;right:auto;margin:auto}}@media only screen and (max-width:350px){.about-desc,.display-desc,.thanks-desc{font-size:1em}.display-title,.thanks-title{font-size:2.6em}}