#home-menu .header{height:100vh;position:relative}#home-menu .header .logo{font-family:Cutive Mono,monospace;left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;text-align:center;z-index:1;color:#fff}#home-menu .header .logoimg{margin:2em;height:250px}#home-menu .header .name{font-family:Cutive Mono,monospace;margin-bottom:1rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:10px;padding:0 1rem}#home-menu .header .description a{color:#fff;text-decoration:none;cursor:pointer}#home-menu .nav{font-family:Cutive Mono,monospace;font-size:12px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:8;pointer-events:none;width:25em;text-align:center}#home-menu .nav-list{list-style-type:none;padding:0;margin:0;line-height:3.5em}#home-menu .nav-list li{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}#home-menu .nav-circle{position:fixed;width:10px;height:10px;background-color:#000;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:50%;z-index:5}#home-menu .nav a{color:#fff;font-size:1.6em;font-weight:100;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border:none;text-decoration:none;-webkit-transition:all 1s ease-out;transition:all 1s ease-out}#home-menu .nav a:after{left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";display:block;height:2px;background-color:#fff;position:absolute;width:0;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}#home-menu .nav a:hover{border:none;text-decoration:line-through;color:#cc9504}#home-menu .fab{z-index:10;border-radius:50%;outline:0;border:0;padding:1em;width:3em;height:3em;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;font-size:1.2em;-webkit-tap-highlight-color:transparent;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.25);-webkit-transition:all .15s ease-out;transition:all .15s ease-out}#home-menu .fab:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.65);box-shadow:0 4px 8px rgba(0,0,0,.65)}#home-menu .fab:active{-webkit-transform:translateX(-50%) translateY(-50%) scale(.9);transform:translateX(-50%) translateY(-50%) scale(.9);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 1px 2px rgba(0,0,0,.35)}#home-menu .fab:focus{outline:none}#home-menu .fab.fab-primary{background-color:#000;color:#000;display:inline-grid}#home-menu .fab.fab-primary:hover{color:#000}#home-menu .fab.fab-primary:active{background-color:#000}#home-menu .logo_black{display:none;margin:.3rem}#home-menu #nav-toggle{display:block}#home-menu .nav-toggle{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;background-color:#000;color:#000;width:12rem;height:12rem;padding:inherit;-webkit-transition:width .25s ease-out;transition:width .25s ease-out;-webkit-transition:height .25s ease-out;transition:height .25s ease-out;-webkit-transition:left .25s ease-out;transition:left .25s ease-out;-webkit-transition:top .25s ease-out;transition:top .25s ease-out}#home-menu .nav-toggle:hover{cursor:pointer}#home-menu .nav-toggle img{-webkit-transition:width .25s ease-out;transition:width .25s ease-out;-webkit-transition:height .25s ease-out;transition:height .25s ease-out;-webkit-transition:left .25s ease-out;transition:left .25s ease-out;-webkit-transition:top .25s ease-out;transition:top .25s ease-out}#home-menu .nav-toggle.open{background-color:#fff;top:65%;-webkit-transform:translateY(100%) translateX(-50%);transform:translateY(100%) translateX(-50%);width:5rem;height:5rem}#home-menu .nav-toggle.open:active{-webkit-transform:translateX(-50%) translateY(100%) scale(.9);transform:translateX(-50%) translateY(100%) scale(.9);background-color:#000;-webkit-transition:scale .25s ease-out;transition:scale .25s ease-out}#home-menu .ripple{width:0;height:0;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);border-radius:50%;z-index:4;-webkit-animation:pulse 4s infinite;animation:pulse 4s infinite;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}#home-menu .inner-ripple{background-color:rgba(0,0,0,.25);width:200px;height:200px;-webkit-animation-delay:.35s;animation-delay:.35s}#home-menu .outer-ripple{background-color:rgba(0,0,0,.15);width:350px;height:350px;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes pulse{0%{opacity:0;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}30%{opacity:.5}to{-webkit-transform:scale(1.5) translateX(-33.3%) translateY(-33.3%);transform:scale(1.5) translateX(-33.3%) translateY(-33.3%);opacity:0}}@keyframes pulse{0%{opacity:0;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}30%{opacity:.5}to{-webkit-transform:scale(1.5) translateX(-33.3%) translateY(-33.3%);transform:scale(1.5) translateX(-33.3%) translateY(-33.3%);opacity:0}}@media only screen and (max-height:500px){#home-menu .logo{top:56%}#home-menu #nav-toggle{top:43%;width:8rem;height:8rem}#home-menu .nav-toggle.open{top:35%;width:5rem!important;height:5rem!important}#home-menu .nav{top:34%}}@media only screen and (min-height:501px){#home-menu .logo{top:66%}}@media only screen and (max-width:515px){#home-menu .outer-ripple{display:none}}@media screen and (max-height:600px){#home-menu .logo{margin-top:2rem}#home-menu .logo .name{font-size:18px;margin-bottom:5px}#home-menu .logo .description{display:none}}@media screen and (min-height:601px){#home-menu .name{font-size:28px}}.media-wrapper{position:fixed;bottom:0;right:17px;z-index:1;height:45px}.media-wrapper .media-list{display:inline-block;margin:.65rem 1.5rem;width:auto}.media-wrapper .media-list #media{display:block;position:relative;height:25px;width:25px}.media-wrapper .media-list #media svg{display:block;height:100%;width:100%;fill:#000;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.media-wrapper .media-list #media svg:hover{fill:#e2b544}.togglesound-text{z-index:20;font-family:Overpass Mono,monospace;font-size:12px;position:fixed;top:1.3em;right:45px}.togglesound-text a{color:#000;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.togglesound-text a:hover{color:#cc9504;cursor:pointer;text-decoration:line-through}#dots{position:fixed;top:0;z-index:2;top:50%;left:5rem;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#dots ul{list-style:none;text-align:center;margin-top:30px}#dots ul li{margin-right:20px}#back-to-tutorial{margin-left:100px}#dots a{position:relative;text-decoration:none;top:0;font-weight:100;font-size:25px;text-align:center;border-radius:4px;color:#a9a9a9;line-height:22px}#dots a.active{color:#fff}.slides-container{position:absolute;left:0;top:0;z-index:-5}.slide,.slides-container{width:100%;height:100%;overflow:hidden}.slide{position:relative;background-size:cover}.slide .centered{width:60%;margin:200px auto 0}.slide .centered h1{text-align:center}.slide .centered p{text-align:center;margin-top:20px;font-size:20px}#slide-1{background-image:url(../img/slider-1.c12aa77a.jpg)}#slide-1,#slide-2{background-repeat:no-repeat;background-position:50%}#slide-2{background-image:url(../img/slider-2.e7a431ba.jpg)}#slide-3{background-image:url(../img/slider-3.77406c6b.jpg)}#slide-3,#slide-4{background-repeat:no-repeat;background-position:50%}#slide-4{background-image:url(../img/slider-4.f4d93db4.jpg)}.go-next,.go-prev{font-weight:700;text-decoration:underline}.circle{width:75px;height:75px;background:#dfdfdf;margin-top:25px;border-radius:50%;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}@media only screen and (max-width:500px){#dots{display:none}}body:before{top:0;z-index:0!important}