.button_container{position:fixed;top:5%;right:2%;height:27px;width:35px;cursor:pointer;z-index:100;transition:opacity .25s ease}.button_container:hover{opacity:.7}.button_container.active .top{transform:translateY(10px)translateX(0)rotate(45deg);background:#000}.button_container.active .middle{opacity:0;background:#000}.button_container.active .bottom{transform:translateY(-10px)translateX(0)rotate(-45deg);background:#000}.button_container span{background:#000;border:none;height:5px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.button_container span:nth-of-type(2){top:10px}.button_container span:nth-of-type(3){top:20px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;visibility:hidden;transition:opacity .35s,visibility .35s,width .35s;z-index:50}.overlay:before{content:'';background:rgba(255,255,255,.9);left:-55%;top:0;width:50%;height:100%;position:absolute;transition:left .35s ease}.overlay:after{content:'';background:rgba(255,255,255,.9);right:-55%;top:0;width:50%;height:100%;position:absolute;transition:all .35s ease}.overlay.open{opacity:.9;visibility:visible;height:100%}.overlay.open:before{left:0}.overlay.open:after{right:0}.overlay.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.overlay.open li:nth-of-type(2){animation-delay:.45s}.overlay.open li:nth-of-type(3){animation-delay:.55s}.overlay.open li:nth-of-type(4){animation-delay:.65s}.overlay nav{position:relative;height:70%;top:50%;transform:translateY(-50%);font-size:50px;font-family:vollkorn,serif;font-weight:400;text-align:center;z-index:100}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}.overlay ul li{display:block;height:25%;height:calc(100%/4);min-height:50px;position:relative;opacity:0}.overlay ul li a{display:block;position:relative;color:#000;font-weight:700;text-decoration:none;overflow:hidden}.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after{width:100%}.overlay ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;background:#000;transition:.35s}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}