#toggle{display:none}.menu-burger{position:fixed;top:5em;right:5%;margin-left:-2em;margin-top:-45px;width:2em;height:45px;z-index:5;cursor:pointer}.menu-burger div{position:relative;width:2em;height:5px;border-radius:3px;background-color:#ea568e;margin-top:5px;transition:all .4s ease}.nav-burger{position:fixed;width:40%;height:100%;background-color:#ea568e;top:0;right:-100%;bottom:0;transition:all .4s ease;transform:scale(1);opacity:1;z-index:4;overflow-y:auto;overscroll-behavior:contain}.nav-wrapper{position:relative;height:100%}nav{text-align:right;margin:1.6em 35% 5% 5%}nav a{position:relative;text-decoration:none;color:#fff;font-size:1.2em;display:inline-block;margin-top:1.25em;transition:color .2s ease;letter-spacing:1px}nav a:before{content:'';height:0;position:absolute;width:.25em;background-color:#fff;right:-.5em;transition:all .2s ease}nav a:hover:before{height:100%}#toggle:checked+.menu-burger .top-line{transform:rotate(-45deg);margin-top:25px;background:#fff}#toggle:checked+.menu-burger .bottom-line{opacity:0;transform:rotate(45deg)}#toggle:checked+.menu-burger .middle-line{transform:rotate(45deg);margin-top:-5px;background:#fff}#toggle:checked+.menu-burger+.nav-burger{right:0;transform:scale(1)}.button-blog{color:#ea568e;background:#fff;border-radius:30px;padding:5px 15px}@media screen and (max-width:770px){.nav-burger{width:100%}.menu-burger{top:6.5em}}@media screen and (min-width:1800px){.nav-burger{width:30%}}