section{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center}.wrapper{overflow-x:hidden;position:relative}.menu{align-items:center;background-color:#34495e;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);transition:.5s;width:30%;z-index:99}.menu_active{transform:translateX(0)}.menu_list{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:space-around}.menu_list a{color:#7f8c8d;font-weight:900;text-decoration:none;text-transform:uppercase;transition:.3s}.menu_list a:hover{color:#fff!important;cursor:pointer;font-size:1.7em;margin:5px}.menu_list a:visited{color:#7f8c8d}.menu_btn{background-color:transparent;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:50%;height:50px;position:absolute;right:-50px;top:10px;transition:.5s;width:50px}.menu_btn:hover{background-color:#bdc3c7}.menu_btn_active{right:0;transform:rotate(180deg)}.content{position:relative;transition:.5s;z-index:0}.content_active{transform:translateX(30%)}.menu_anchors:nth-child(odd){background-color:#18dcff}.menu_anchors:nth-child(2n){background-color:#7d5fff}.active_anchor{color:#fff!important;font-size:1.4em;text-shadow:0 0 30px #900}