:root{--menu-background:#10010040;--menu-background-hover:#100100c7}nav.main-nav{height:100vh;width:100vw;visibility:hidden;z-index:9;position:fixed;top:0;left:0}nav.main-nav ul{max-width:500px;margin:0;padding:0;list-style-type:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}nav.main-nav ul li{text-align:left;overflow:hidden}.shadow{text-shadow:0 1px 30px #000000db,0 8px 30px #000000d6,0 18px 30px #000}nav.main-nav ul li div{color:#eee;text-align:left;cursor:pointer;padding:10px 20px;font-family:Lato,sans serif;font-size:2rem;font-weight:900;text-decoration:none;transition:all .7s cubic-bezier(.85,0,.15,1) .1s;display:inline-block;position:relative;overflow:hidden;transform:translate(-105%)}nav.main-nav ul li div:after{content:"";height:40%;width:100%;z-index:-1;background:#222;transition:all .3s cubic-bezier(.85,0,.15,1);display:block;position:absolute;bottom:0;left:0;transform:translateY(100%)}nav.main-nav ul li:nth-child(2) div{transition-delay:.1s}nav.main-nav ul li:nth-child(3) div{transition-delay:.2s}nav.main-nav ul li:nth-child(4) div{transition-delay:.3s}nav.main-nav.active{visibility:visible}nav.main-nav.active ul li div{transform:translate(0%)}.menu-toggle{z-index:10;height:50px;width:50px;background:var(--menu-background);cursor:pointer;border-radius:50px;transition:all .3s cubic-bezier(.19,1.34,.32,1.65);position:fixed;top:1%;left:1%;overflow:hidden;box-shadow:0 2px #0000001a}.menu-toggle:hover{background:var(--menu-background-hover);transform:scale(1.03);box-shadow:0 4px #0000001a}.menu-toggle span{width:35px;height:1em;background:#ccc;transition:all .3s cubic-bezier(.85,0,.15,1);position:absolute;top:14px;left:15px}.menu-toggle:hover span{background:#eee}.menu-toggle.active span{left:10px}.menu-toggle span:nth-child(2){top:24px}.menu-toggle span:nth-child(3){top:30px}.menu-toggle.active span:nth-child(1){transform:translateY(6px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0;transform:translate(-100%)}.menu-toggle.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-layer-1,.nav-layer-2,.nav-layer-3{height:100vh;pointer-events:none;position:fixed;top:0;left:0}.nav-layer-1 svg,.nav-layer-2 svg,.nav-layer-3 svg{transform-origin:0%;height:100%;margin-left:-1px;transform:scaleX(0)}.nav-layer-1:before,.nav-layer-2:before,.nav-layer-3:before{content:"";height:100vh;width:100vw;background:#ccc;display:block;position:fixed;top:0;left:-100vw}.nav-layer-1.active,.nav-layer-2.active,.nav-layer-3.active{transform:translate(100vw)}.nav-layer-1{z-index:5;transition:all 1.3s cubic-bezier(.85,0,.15,1)}.nav-layer-1:before{background:var(--menu-background)}.layer-1-shape path{fill:var(--menu-background)}.layer-1-shape.active{animation:expand 1.3s forwards}.nav-layer-2{z-index:6;transition:all 1.45s cubic-bezier(.85,0,.15,1)}.nav-layer-2:before{background:#333}.layer-2-shape path{fill:#333}.layer-2-shape.active{animation:expand 1.45s forwards}.nav-layer-3{z-index:7;transition:all 1.6s cubic-bezier(.85,0,.15,1)}.nav-layer-3:before{background:#ccc}.layer-3-shape path{fill:#ccc}.layer-3-shape.active{animation:expand 1.6s forwards}@keyframes expand{0%{animation-timing-function:ease-out;transform:scaleX(0)}34%{transform:scaleX(1)}to{transform:scaleX(0)}}
/*# sourceMappingURL=index.e2ae0eba.css.map */