@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap);*{margin:0;padding:0;outline:none;text-decoration:none;color:inherit}html{font-size:10px}body{font-family:"Lato",sans-serif;overflow:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;top:5rem;padding-left:10rem;padding-right:10rem;box-sizing:border-box;color:#fff;z-index:4}.navbar h1{font-weight:900;font-size:2.5rem}.navbar h1 span{font-weight:300}.navbar ul{list-style-type:none;display:flex}.navbar ul li{font-size:1.4rem;margin:0 30px;font-weight:300}.navbar ul li:last-of-type{text-transform:uppercase;font-weight:600}.navbar ul .active-marker{width:9px;height:3px;background:#fff;border-radius:50px;position:absolute;top:50%;left:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transition:all .3s ease;transition:all .3s ease}@-webkit-keyframes expandActiveMarker{0%{width:9px}50%{width:18px}to{width:9px}}@keyframes expandActiveMarker{0%{width:9px}50%{width:18px}to{width:9px}}@-webkit-keyframes expandActiveMarker2{0%{width:9px}50%{width:18px}to{width:9px}}@keyframes expandActiveMarker2{0%{width:9px}50%{width:18px}to{width:9px}}.page{position:absolute;left:0;right:0;padding-top:10rem;min-height:100vh;box-sizing:border-box;color:#fff}.home{background-color:#f44336}.about{background-color:#673ab7}.expectations{background-color:#3f51b5}.contact{background-color:#03a9f4}.freelessons{background-color:#ffc107}.page-content{width:80%;margin:5rem auto 0}.page-content h1{font-size:3rem;letter-spacing:.05rem}.page-content p{margin-top:1.7rem;font-size:1.3rem;font-weight:300;line-height:2.3rem}.page-steps{display:flex;height:150vh;position:absolute;top:0;left:0;right:0}.page-steps .step{background:#ffeb3b;width:25%;-webkit-transform:translateY(101vh);transform:translateY(101vh)}.page-steps .step:before{content:"";width:100%;height:75px;background-color:#fff;position:absolute;left:0;bottom:-75px;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(1);transform:scaleY(1)}.fade-enter .step{-webkit-transform:translateY(101vh);transform:translateY(101vh);z-index:5}.fade-enter-active .step{-webkit-transform:translateY(-271vh);transform:translateY(-271vh)}.fade-enter-active .step:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.fade-enter-active .step1{-webkit-transition:all 2.5s ease-in-out;transition:all 2.5s ease-in-out}.fade-enter-active .step2{-webkit-transition:all 2.5s ease-in-out 50ms;transition:all 2.5s ease-in-out 50ms}.fade-enter-active .step3{-webkit-transition:all 2.5s ease-in-out .1s;transition:all 2.5s ease-in-out .1s}.fade-enter-active .step4{-webkit-transition:all 2.5s ease-in-out .15s;transition:all 2.5s ease-in-out .15s}.fade-enter-active .step5{-webkit-transition:all 2.5s ease-in-out .2s;transition:all 2.5s ease-in-out .2s}.fade-enter-active .step1:before{-webkit-transition:all .3s ease-in-out 1.2s;transition:all .3s ease-in-out 1.2s}.fade-enter-active .step2:before{-webkit-transition:all .3s ease-in-out 1.3s;transition:all .3s ease-in-out 1.3s}.fade-enter-active .step3:before{-webkit-transition:all .3s ease-in-out 1.4s;transition:all .3s ease-in-out 1.4s}.fade-enter-active .step4:before{-webkit-transition:all .3s ease-in-out 1.5s;transition:all .3s ease-in-out 1.5s}.fade-enter-active .step5:before{-webkit-transition:all .3s ease-in-out 1.6s;transition:all .3s ease-in-out 1.6s}.fade-enter-done .page-steps{z-index:0}.fade-enter .page{opacity:0}.fade-enter-active .page{opacity:1;-webkit-transition:opacity .3s linear .15s;transition:opacity .3s linear .15s}.fade-exit .page{opacity:1}.fade-exit-active .page{opacity:0;-webkit-transition:opacity .15s linear 1s;transition:opacity .15s linear 1s}.fade-enter .page-content{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.fade-enter-active .page-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s linear 1.4s;transition:all .3s linear 1.4s}
/*# sourceMappingURL=main.394cc68e.chunk.css.map */