release/main.css

@-webkit-keyframes barSlideDown{from{-webkit-transform:translateY(-35px);transform:translateY(-35px)}to{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes barSlideDown{from{-webkit-transform:translateY(-35px);transform:translateY(-35px)}to{-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes barSlideUp{from{-webkit-transform:translateY(35px);transform:translateY(35px)}to{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes barSlideUp{from{-webkit-transform:translateY(35px);transform:translateY(35px)}to{-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Comfortaa Regular";src:url("./assets/fonts/Comfortaa-Regular.ttf")}@font-face{font-family:"Karla Regular";src:url("./assets/fonts/karla/Karla-Regular.ttf")}body,html{font-family:Helvetica, Arial, sans-serif;width:100%;height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:300}body *,html *{-webkit-box-sizing:border-box;box-sizing:border-box}#app{height:100%}#Landing{width:100%;height:100%}footer{background:#000000;color:#ffffff;text-align:center;height:15vmin;font:18px/normal "Comfortaa Regular", Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif}footer span{position:relative;top:20%}header{margin-bottom:0.5vh;height:400px;background-image:-webkit-radial-gradient(center circle, #4F4F4F 0%, #0C0C0C 50%);background-image:radial-gradient(circle at center, #4F4F4F 0%, #0C0C0C 50%);display:block;margin:0 auto;height:400px;width:auto;border-bottom:3vmin solid #ffffff}@media (min-width: 500px){header{border-bottom:0}}header .bm{height:100%;width:auto}.hamb-menu{position:fixed;top:0;z-index:3}.bm-menu-wrap{width:50vw;height:100vh}.bm-burger-button{position:fixed;width:30px;height:24px;right:30px;top:30px}.bm-burger-bars{background:#fff;border:0.8px solid #000;border-radius:2px}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu{background:#373a47;-webkit-user-select:none;font-size:1.5em;font-family:"Karla Regular", Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;padding:0.4em}.bm-morph-shape{fill:#373a47}.bm-item-list{background:#373a47;color:#b8b7ad}.bm-overlay{background:rgba(0,0,0,0.3)}.menu-item{padding:0.5em 0.1em;border-bottom:2px solid #bdc3c7}.menu-item:active{background:#173a49}.button-wrapper{display:inline-block}.button-wrapper .button-main{font:16px /normal "Karla Regular", Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;width:100px;padding:10px;margin:3px;border:0;-webkit-transition:0.6s background-color, 0.5s transform, 0.5s margin, 0.6s color;transition:0.6s background-color, 0.5s transform, 0.5s margin, 0.6s color;-webkit-transition-timing-function:cubic-bezier(0.37, 0, 0.67, 0.99);transition-timing-function:cubic-bezier(0.37, 0, 0.67, 0.99);border-radius:5px 15px}.button-wrapper .button-main:focus{outline:none}.button-wrapper .button-main.button-{background-color:#fff;color:#595858;-webkit-box-shadow:1.2px 1.2px 2px 0 #595858;box-shadow:1.2px 1.2px 2px 0 #595858}.button-wrapper .button-main.button-.big{-webkit-transform:scale(1.2) !important;-ms-transform:scale(1.2) !important;transform:scale(1.2) !important;margin:0 12px;background-color:#595858;color:#fff;-webkit-box-shadow:0 0 1px 0 #cccdcf;box-shadow:0 0 1px 0 #cccdcf}.button-wrapper .button-main.button-:hover{background-color:#595858;color:#fff;-webkit-box-shadow:0 0 1px 0 #cccdcf;box-shadow:0 0 1px 0 #cccdcf}.button-wrapper .button-main.button-text{background-color:#fff;color:#595858;-webkit-box-shadow:1.2px 1.2px 2px 0 #595858;box-shadow:1.2px 1.2px 2px 0 #595858}.button-wrapper .button-main.button-text.big{-webkit-transform:scale(1.2) !important;-ms-transform:scale(1.2) !important;transform:scale(1.2) !important;margin:0 12px;background-color:#595858;color:#fff;-webkit-box-shadow:0 0 1px 0 #cccdcf;box-shadow:0 0 1px 0 #cccdcf}.button-wrapper .button-main.button-text:hover{background-color:#595858;color:#fff;-webkit-box-shadow:0 0 1px 0 #cccdcf;box-shadow:0 0 1px 0 #cccdcf}.button-wrapper .button-main.button-twitter{background-color:#def4fa;color:#02a7cb;-webkit-box-shadow:1.2px 1.2px 2px 0 #02a7cb;box-shadow:1.2px 1.2px 2px 0 #02a7cb}.button-wrapper .button-main.button-twitter.big{-webkit-transform:scale(1.2) !important;-ms-transform:scale(1.2) !important;transform:scale(1.2) !important;margin:0 12px;background-color:#02a7cb;color:#def4fa;-webkit-box-shadow:0 0 1px 0 #00d9ff;box-shadow:0 0 1px 0 #00d9ff}.button-wrapper .button-main.button-twitter:hover{background-color:#02a7cb;color:#def4fa;-webkit-box-shadow:0 0 1px 0 #00d9ff;box-shadow:0 0 1px 0 #00d9ff}.button-wrapper .button-main.button-carousel{background-color:#fff;color:#af2323;-webkit-box-shadow:1.2px 1.2px 2px 0 #af2323;box-shadow:1.2px 1.2px 2px 0 #af2323}.button-wrapper .button-main.button-carousel.big{-webkit-transform:scale(1.2) !important;-ms-transform:scale(1.2) !important;transform:scale(1.2) !important;margin:0 12px;background-color:#af2323;color:#fff;-webkit-box-shadow:0 0 1px 0 #e29898;box-shadow:0 0 1px 0 #e29898}.button-wrapper .button-main.button-carousel:hover{background-color:#af2323;color:#fff;-webkit-box-shadow:0 0 1px 0 #e29898;box-shadow:0 0 1px 0 #e29898}.button-wrapper .button-main.button-share{background-color:#fff;color:#2c539e;-webkit-box-shadow:1.2px 1.2px 2px 0 #2c539e;box-shadow:1.2px 1.2px 2px 0 #2c539e}.button-wrapper .button-main.button-share.big{-webkit-transform:scale(1.2) !important;-ms-transform:scale(1.2) !important;transform:scale(1.2) !important;margin:0 12px;background-color:#2c539e;color:#fff;-webkit-box-shadow:0 0 1px 0 #8a9cc2;box-shadow:0 0 1px 0 #8a9cc2}.button-wrapper .button-main.button-share:hover{background-color:#2c539e;color:#fff;-webkit-box-shadow:0 0 1px 0 #8a9cc2;box-shadow:0 0 1px 0 #8a9cc2}nav{width:100%;min-width:534px;height:70px;background-color:#000000}.navbar{top:0;position:relative;z-index:1;width:100%;height:70px;-webkit-box-shadow:0px 2px 5px #000,inset 0 0 10px #595858;box-shadow:0px 2px 5px #000,inset 0 0 10px #595858;border-radius:5px;-webkit-transition:2s border-radius;transition:2s border-radius;-webkit-animation:barSlideUp 1.2s forwards;animation:barSlideUp 1.2s forwards;background:-webkit-repeating-linear-gradient(45deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);background:repeating-linear-gradient(45deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);-webkit-transition:1s background;transition:1s background}.navbar.sticky{position:fixed;-webkit-animation:barSlideDown .6s forwards;animation:barSlideDown .6s forwards;border-radius:0px 0px 32px 8px}.navbar.-bar{background:-webkit-repeating-linear-gradient(45deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);background:repeating-linear-gradient(45deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);-webkit-transition:1s background;transition:1s background}.navbar.text-bar{background:-webkit-repeating-linear-gradient(bottom, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);background:repeating-linear-gradient(0deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);-webkit-transition:1s background;transition:1s background}.navbar.twitter-bar{background:-webkit-repeating-linear-gradient(315deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);background:repeating-linear-gradient(135deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);-webkit-transition:1s background;transition:1s background}.navbar.carousel-bar{background:-webkit-repeating-linear-gradient(left, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);background:repeating-linear-gradient(90deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);-webkit-transition:1s background;transition:1s background}.navbar.share-bar{background:-webkit-repeating-linear-gradient(45deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);background:repeating-linear-gradient(45deg, #cccdcf, #cccdcf 10px, #a7a8ab 10px, #a7a8ab 20px);-webkit-transition:1s background;transition:1s background}.navbar>div{padding:0px;display:inline;position:absolute;top:50%;right:1.5vw;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}div#preloader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#080a08}div#preloader img{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.carousel{background:-webkit-gradient(linear, right top, left top, from(#e62929), color-stop(#af2323), to(#e62929));background:-webkit-linear-gradient(right, #e62929, #af2323, #e62929);background:linear-gradient(to left, #e62929, #af2323, #e62929);border-top:10px #ffffff solid;border-bottom:10px #ffffff solid}.carousel .slider-slide{padding:8vmin 0;position:relative;vertical-align:middle !important}.carousel .slider-slide img{-webkit-box-shadow:0 0 10px 2px #313334;box-shadow:0 0 10px 2px #313334;border:3px #ffffff solid;height:auto;width:65vw !important;margin:auto}@media (min-width: 500px){.carousel .slider-slide img{width:30vw !important}}.carousel .arrow{height:10vmin;width:auto;margin:0 5vmin;opacity:0;transition:transform 0.5s ease, -webkit-filter 0.4s ease-in}.carousel .arrow:hover{opacity:1;-webkit-filter:brightness(50%);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.carousel .slider-decorator-2{text-align:center;height:8vw;width:90vw}.carousel .slider-decorator-2 li{width:5vw}@media (min-width: 500px){.carousel .slider-decorator-2{height:5vmin}.carousel .slider-decorator-2 li{width:7vw}}.share{position:relative;color:#000000;background:#ffffff;text-align:center;min-height:50vh;-webkit-box-shadow:inset 0 0 5px 0px #2e3d5c;box-shadow:inset 0 0 5px 0px #2e3d5c}.share .sh-1{border-bottom:6px solid #000000;background-image:-webkit-radial-gradient(center ellipse, #abaeb8 0%, #2c539e 81%);background-image:radial-gradient(ellipse at center, #abaeb8 0%, #2c539e 81%);height:45vmin}.share .sh-1 .fb-logo{margin-bottom:0%;height:auto;width:70vmin}.share .share-img{position:absolute;z-index:1;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:25vmin;-webkit-box-shadow:0 0 0 1px #ffffff, 0 0 20px 6px #3c5077;box-shadow:0 0 0 1px #ffffff, 0 0 20px 6px #3c5077;margin:0px auto;display:block;height:auto;max-width:270px;max-width:75vw}@media (min-width: 500px){.share .share-img{margin:2% auto;display:block;width:auto;max-height:50vh}}.share .sh-2{position:relative;min-height:50vmin;border-top:6px solid #000000}.share .sh-2 button{position:relative;bottom:-30vmin;border-radius:2px;border-color:#29447e #29447e #1a356e;color:#ffffff;background-color:#5B74A8;background-image:-webkit-gradient(linear, left top, left bottom, from(#637bad), to(#5872a7));background-image:-webkit-linear-gradient(#637bad, #5872a7);background-image:linear-gradient(#637bad, #5872a7);-webkit-box-shadow:inset 0 1px 0 #8a9cc2, 0 0 5px #2e3d5c;box-shadow:inset 0 1px 0 #8a9cc2, 0 0 5px #2e3d5c;padding:0.2em 0.6em 0.375em;border:1px solid #999999;font:bold 18px/normal 'lucida grande', tahoma, verdana, arial, sans-serif;margin:4% auto;-webkit-transition:3s box-shadow;transition:3s box-shadow}@media (min-width: 500px){.share .sh-2 button{padding:0.4em 0.9em 0.475em}}.share .sh-2 button:hover{-webkit-box-shadow:0 0 10px #2e3d5c;box-shadow:0 0 10px #2e3d5c}.view{z-index:0;clear:both;position:relative}.view section{max-height:100vh;height:auto}@media (min-width: 500px){.view section{max-height:100vh}}.view section:nth-child(2n+1){color:#ffffff}.view section:nth-child(2n){color:#000000}.text{background:-webkit-gradient(linear, right top, left top, from(#485563), to(#29323c));background:-webkit-linear-gradient(right, #485563, #29323c);background:linear-gradient(to left, #485563, #29323c);padding:5%;font-family:"Karla Regular", Arial, Helvetica, sans-serif;font-size:1.1em;border-bottom:10px #ffffff solid}@media (min-width: 500px){.text{font-size:1.5em;padding:5% 15%}}.text h1{text-align:center}.text p{text-align:justify}.twitter{background-image:url("./assets/images/logos/Twitter_bird.svg");background-position:2vmin 2vmin;background-size:15vmin auto;background-repeat:no-repeat;text-align:center;height:auto;font-family:Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;font-size:0.5em}.twitter>div{padding:0 4% 4%;margin:auto}@media (min-width: 500px){.twitter{font-size:0.7em}}.twitter .tw-logo{margin:3%;height:auto;width:65vmin}.twitter .user{display:inline-block;padding:0;margin:4%;max-width:30vmin;text-align:center;position:relative;-webkit-perspective:1000px;perspective:1000px}@media (min-width: 500px){.twitter .user{max-width:15vmin}}.twitter .user:hover .card,.twitter .user.hover .card{-webkit-transform:translate(-100%) rotateY(180deg);transform:translate(-100%) rotateY(180deg)}.twitter .user .card{-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;-webkit-box-shadow:0 0 0 4px #ffffff, 0 0 0 8px #00ccff;box-shadow:0 0 0 4px #ffffff, 0 0 0 8px #00ccff;border-radius:16%;height:20vmin;width:20vmin}@media (min-width: 500px){.twitter .user .card{height:15vmin;width:15vmin}}.twitter .user .card figure{margin:0;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.twitter .user .card .front img{border-radius:16%;height:20vmin;width:20vmin}@media (min-width: 500px){.twitter .user .card .front img{height:15vmin;width:15vmin}}.twitter .user .card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.twitter .user .card .back h3{margin:15% 0 0}.twitter .user .card .back h4{margin:1% 0 0}#app>div{-webkit-perspective:none !important;perspective:none !important}
/*# sourceMappingURL=main.css.map */