@import "https://fonts.googleapis.com/css?family=Cabin";header{padding:2em; position:absolute; width:99.5%;}header .logo{color:#000;font-weight:700}header .menu-btn{width:30px;float:right;cursor:pointer; margin-top:10px;}nav{position:absolute;background:#000000eb;padding:2em;width:calc(100% - 0em);height:calc(100vh - 0em);display:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}nav .close-button{width:18px;float:right;cursor:pointer;opacity:0}nav ul{list-style-type:none;margin:7% auto 0;padding:0;display:-ms-grid;display:grid;-ms-grid-columns:(auto)[4];grid-template-columns:repeat(6,auto);width:90%}nav ul a{color:#fff;font-weight:500;font-size:1.2em}nav ul a:hover{color:#ffe181; text-decoration:none;}nav ul span{color:#ffe181;display:block;font-size:.85em;margin-top:20px}nav ul span a{color:#ffe181;display:block;font-size:1em; font-weight:400;margin-top:20px}nav ul span a:hover{color:#ccc;}nav ul li{opacity:0}.show-menu{display:block;-webkit-animation:slide-menu 1s ease-in forwards;animation:slide-menu 1s ease-in forwards; z-index:99999;}.show-menu .close-button{-webkit-animation:show-x 1s 1s forwards;animation:show-x 1s 1s forwards}.show-menu li:nth-of-type(1){-webkit-animation:menu-item-anim .6s forwards 1s ease-in-out;animation:menu-item-anim .6s forwards 1s ease-in-out}.show-menu li:nth-of-type(2){-webkit-animation:menu-item-anim .6s forwards 1.2s ease-in-out;animation:menu-item-anim .6s forwards 1.2s ease-in-out}.show-menu li:nth-of-type(3){-webkit-animation:menu-item-anim .6s forwards 1.6s ease-in-out;animation:menu-item-anim .6s forwards 1.6s ease-in-out}.show-menu li:nth-of-type(4){-webkit-animation:menu-item-anim .6s forwards 1.8s ease-in-out;animation:menu-item-anim .6s forwards 1.8s ease-in-out}.show-menu li:nth-of-type(5){-webkit-animation:menu-item-anim .6s forwards 1.8s ease-in-out;animation:menu-item-anim .6s forwards 2s ease-in-out}.show-menu li:nth-of-type(6){-webkit-animation:menu-item-anim .6s forwards 1.8s ease-in-out;animation:menu-item-anim .6s forwards 2.2s ease-in-out}@-webkit-keyframes slide-menu{from{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slide-menu{from{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes show-x{from{opacity:0}to{opacity:1}}@keyframes show-x{from{opacity:0}to{opacity:1}}@-webkit-keyframes menu-item-anim{from{-webkit-transform:translateY(70%);transform:translateY(70%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes menu-item-anim{from{-webkit-transform:translateY(70%);transform:translateY(70%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}