@font-face {font-family:"galano-light";src:url('/fonts/GalanoGrotesqueLight.otf');}@font-face {font-family:"galano-bold";src:url('/fonts/GalanoGrotesqueBold.otf');} *{margin:0;outline:0;padding:0;text-decoration:none;} div{box-sizing:border-box;} html{height:100%;width:100%;} body{background-color:#fff;color:#333;font:100% "galano-light";height:100%;overflow-x:hidden;width:100%;} a,
button{cursor:pointer;} .g400{font-family:"galano-light";} .g700{font-family:"galano-bold";} .app{margin:0;min-height:100%;padding:30px 20px 0;position:relative;width:100%;}@media only screen and (min-width: 570px){ .app{padding:50px 50px 0;}}@media only screen and (min-width: 1200px){ .app{margin:0 auto;max-width:1000px;padding:120px 0;}} .nav{list-style-type:none;overflow:hidden;padding:0 0 0 30px;}@media only screen and (min-width: 570px){ .nav{padding:0 0 0 50px;}}@media only screen and (min-width: 1200px){ .nav{padding:0 0 0 70px;}} .nav__item{overflow:hidden;} .nav__link{clear:left;color:#111;display:inline-block;float:left;font-size:28px;line-height:28px;margin-bottom:10px;}@media only screen and (min-width: 570px){ .nav__link{font-size:48px;line-height:48px;margin-bottom:17px;}}@media only screen and (min-width: 1200px){ .nav__link{font-size:60px;line-height:60px;margin-bottom:20px;}} .social{display:block;margin:10px 0 0;padding:0 0 0 30px;}@media only screen and (min-width: 570px){ .social{margin:30px 0 0;padding:0 0 0 50px;}}@media only screen and (min-width: 1200px){ .social{padding:0 0 0 70px;}} .social__link{color:#111;display:inline-block;font-size:20px;margin:0 18px 0 0;}@media only screen and (min-width: 570px){ .social__link{font-size:30px;margin:0 25px 0 0;}}@media only screen and (min-width: 1200px){ .social__link{font-size:35px;margin:0 30px 0 0;}} .social__link:last-child{margin-right:0;} .btn--back{color:#bbb;display:block;font-family:"galano-light";font-size:28px;line-height:28px;margin:30px 0 0;position:relative;}@media only screen and (min-width: 570px){ .btn--back{font-size:50px;line-height:50px;}}@media only screen and (min-width: 1200px){ .btn--back{font-size:62px;line-height:62px;}} .btn--back::before{box-sizing:border-box;content:">";display:inline-block;font-size:130%;padding:0 6px 0 0;text-align:right;vertical-align:top;width:30px;}@media only screen and (min-width: 570px){ .btn--back::before{padding:0 10px 0 0;width:50px;}}@media only screen and (min-width: 1200px){ .btn--back::before{padding:0 15px 0 0;width:70px;}} .pages{position:relative;width:100%;} .page{max-width:500px;padding:0 0 30px;position:absolute;transition:transform .5s,opacity .5s,visibility .5s;width:100%;}@media only screen and (min-width: 570px){ .page{padding:0 0 50px;}}@media only screen and (min-width: 768px){ .page{max-width:750px;}}@media only screen and (min-width: 1200px){ .page{max-width:100%;padding:0 25px 50px 0;}} .page--slide,
.page--slide.page--slide-enter-active{opacity:1;transform:none;visibility:visible;} .page--slide-enter,
.page--slide.page--slide-leave{opacity:0;transform:translateX(-50%);visibility:hidden;} .page--pop,
.page--pop.page--pop-enter-active{opacity:1;transform:none;visibility:visible;} .page--pop-enter,
.page--pop.page--pop-leave{opacity:0;transform:perspective(500px) translateZ(-300px);visibility:hidden;} .page-header{color:#111;font-size:36px;margin-bottom:30px;position:relative;}@media only screen and (min-width: 570px){ .page-header{font-size:60px;margin-bottom:60px;}}@media only screen and (min-width: 1200px){ .page-header{font-size:80px;margin-bottom:10px;}} .page-header::before{content:"#";display:inline-block;font-family:"galano-bold";padding:0 5px 0 0;text-align:right;width:30px;}@media only screen and (min-width: 570px){ .page-header::before{padding:0 5px 0 0;width:50px;}}@media only screen and (min-width: 1200px){ .page-header::before{box-sizing:border-box;padding:0 5px 0 0;width:70px;}} .page-header__main{color:#111;z-index:100;} .page-header__sub{font-size:28px;left:125px;margin:0 0 0 10px;position:absolute;top:18px;}@media only screen and (min-width: 380px){ .page-header__sub{left:180px;}}@media only screen and (min-width: 570px){ .page-header__sub{font-size:50px;left:190px;top:58px;}}@media only screen and (min-width: 768px){ .page-header__sub{left:335px;}}@media only screen and (min-width: 1200px){ .page-header__sub{font-size:62px;left:initial;position:static;top:initial;}} .page-header__sub::before{content:"/";display:inline-block;font-size:120%;line-height:80px;} .section,
.page-content{padding:0 0 0 30px;}@media only screen and (min-width: 570px){ .section,
.page-content{padding:0 0 0 50px;}}@media only screen and (min-width: 1200px){ .section,
.page-content{padding:0 0 0 70px;}} .section-header{background:transparent;border:0;color:#111;display:block;font-size:28px;line-height:26px;margin-bottom:12px;text-align:left;}@media only screen and (min-width: 570px){ .section-header{font-size:48px;line-height:48px;margin-bottom:17px;}}@media only screen and (min-width: 1200px){ .section-header{font-size:60px;line-height:60px;margin-bottom:20px;}} .section-content{max-height:0;overflow-y:hidden;transition:max-height .5s;} .section--brainly-enter-active{max-height:475px;}@media only screen and (min-width: 380px){ .section--brainly-enter-active{max-height:400px;}}@media only screen and (min-width: 570px){ .section--brainly-enter-active{max-height:300px;}}@media only screen and (min-width: 768px){ .section--brainly-enter-active{max-height:225px;}}@media only screen and (min-width: 1200px){ .section--brainly-enter-active{max-height:175px;}} .section--acejump-enter-active{max-height:425px;}@media only screen and (min-width: 380px){ .section--acejump-enter-active{max-height:350px;}}@media only screen and (min-width: 570px){ .section--acejump-enter-active{max-height:275px;}}@media only screen and (min-width: 768px){ .section--acejump-enter-active{max-height:225px;}}@media only screen and (min-width: 1200px){ .section--acejump-enter-active{max-height:175px;}} .section--identicons-enter-active{max-height:595px;}@media only screen and (min-width: 380px){ .section--identicons-enter-active{max-height:520px;}}@media only screen and (min-width: 570px){ .section--identicons-enter-active{max-height:395px;}}@media only screen and (min-width: 768px){ .section--identicons-enter-active{max-height:295px;}}@media only screen and (min-width: 1200px){ .section--identicons-enter-active{max-height:245px;}} .section--redshift-enter-active{max-height:615px;}@media only screen and (min-width: 380px){ .section--redshift-enter-active{max-height:515px;}}@media only screen and (min-width: 570px){ .section--redshift-enter-active{max-height:390px;}}@media only screen and (min-width: 768px){ .section--redshift-enter-active{max-height:315px;}}@media only screen and (min-width: 1200px){ .section--redshift-enter-active{max-height:265px;}} .section--brainly-enter,
.section--brainly-leave,
.section--acejump-enter,
.section--acejump-leave,
.section--identicons-enter,
.section--identicons-leave,
.section--redshift-enter,
.section--redshift-leave{max-height:0;} .content p{font-weight:bold;margin:0 0 20px;} .content a{color:#00a9ff;} .content strong{font-family:"galano-bold";font-style:normal;font-weight:normal;} .content .contact__text{font-size:120%;}@media only screen and (min-width: 570px){ .content .contact__text{font-size:155%;}}@media only screen and (min-width: 1200px){ .content .contact__text{font-size:170%;}} .content .contact__twitter{color:#111;font-family:"galano-bold";font-size:200%;} .content .contact__email{color:#111;font-family:"galano-bold";}@media only screen and (min-width: 570px){ .content .contact__email{font-size:150%;}}@media only screen and (min-width: 1200px){ .content .contact__email{font-size:200%;}}