body,html{padding:0;margin:0}*{font-family:Architects Daughter,cursive}div#root *{-webkit-box-sizing:border-box;box-sizing:border-box}img{vertical-align:middle}.backgroundBlue{background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#0d4376),to(#0d3768));background:linear-gradient(to bottom right,#0d4376 0,#0d3768);color:#fff7bd}.backgroundYellow{background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#fff7bd),to(#fdffdc));background:linear-gradient(to bottom right,#fff7bd 0,#fdffdc);color:#0d4376}.test{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh}.mainPage .section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.mainPage .section .title{font-size:5vw;text-transform:uppercase}@media screen and (orientation:portrait){.mainPage .section .title{font-size:8vw}}.mainPage .welcomeSection .welcomeTo{font-size:4vw;color:#fff}.mainPage .welcomeSection .picture{margin-top:2vh;width:50vw}.mainPage .welcomeSection .famousity{font-size:8vw;text-transform:uppercase;color:#fff}.mainPage .welcomeSection .info{font-size:1.2vw;max-width:40vw;text-align:center}.mainPage .welcomeSection .follow{margin-top:1.5vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.mainPage .welcomeSection .follow a:not(:first-of-type){margin-left:1.5vmax}.mainPage .welcomeSection .follow a svg{color:#fff;font-size:2vw}@media screen and (orientation:portrait){.mainPage .welcomeSection .welcomeTo{font-size:8vw}.mainPage .welcomeSection .picture{margin-top:2vh;width:85vw}.mainPage .welcomeSection .famousity{font-size:14vw}.mainPage .welcomeSection .info{margin-top:5vw;font-size:3vw;max-width:70vw;text-align:center}.mainPage .welcomeSection .follow a svg{font-size:3vh}}.mainPage .featuresSection .features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5vw;padding:5vmin 5vmax;margin-top:5vh}.mainPage .featuresSection .features .feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:2vw}.mainPage .featuresSection .features .feature svg{margin-bottom:1vw;font-size:3vw}@media screen and (orientation:portrait){.mainPage .featuresSection .features{grid-template-columns:repeat(2,1fr);grid-row-gap:10vh;margin-top:5vh}.mainPage .featuresSection .features .feature{font-size:4.5vw}.mainPage .featuresSection .features .feature svg{margin-bottom:1vh;font-size:5vw}}.mainPage .screenshotsSection{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mainPage .screenshotsSection .title{height:20vh;font-size:5vh}.mainPage .screenshotsSection .screenshots,.mainPage .screenshotsSection .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainPage .screenshotsSection .screenshots{position:relative;height:75vh;width:90vw}.mainPage .screenshotsSection .screenshots .screenshot{position:absolute;top:50%;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mainPage .screenshotsSection .screenshots .screenshot.active{opacity:1;z-index:1}.mainPage .screenshotsSection .screenshots .screenshot img{border:3px solid #000;max-width:100%;max-height:70vh;width:auto;height:auto}@media screen and (orientation:portrait){.mainPage .screenshotsSection .screenshots{position:relative;height:70vh}}.mainPage .followUsSection .followUs{font-size:1.5vw;text-align:center;padding:5vmin 10vw;text-transform:uppercase}.mainPage .followUsSection .socialNetworks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainPage .followUsSection .socialNetworks a:not(:first-of-type){margin-left:1.5vmax}.mainPage .followUsSection .socialNetworks a svg{font-size:4vw;color:#0d4376}@media screen and (orientation:portrait){.mainPage .followUsSection .followUs{font-size:3vh}.mainPage .followUsSection .socialNetworks a svg{font-size:6vh}.mainPage .followUsSection .signUp .info,.mainPage .followUsSection .signUp form button{font-size:2vh}}.mainPage .signUpSection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainPage .signUpSection .info{text-transform:uppercase;font-size:1.5vw;padding:5vmin 10vw;text-align:center}.mainPage .signUpSection form{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainPage .signUpSection form input{width:300px;font-size:15px;padding:5px}.mainPage .signUpSection form button{margin-left:1vw;border:1px solid #000;background:#fff7bd;color:#0d4376;padding:8px 15px;text-transform:uppercase;font-size:1.2vw;cursor:pointer}.mainPage .signUpSection form button:disabled{opacity:.5}.mainPage .signUpSection .thankYou{margin-top:3vh;-webkit-transition:opacity .3s;transition:opacity .3s}.mainPage .signUpSection .thankYou.hidden{opacity:0}@media screen and (orientation:portrait){.mainPage .signUpSection .info{font-size:2.5vh}.mainPage .signUpSection form button{font-size:1.8vh}}
/*# sourceMappingURL=style.css.map*/