.navigation__checkbox{display:none}.navigation__button{background-color:var(--color-orange);height:5rem;width:5rem;border-radius:50%;position:fixed;top:6rem;right:22rem;z-index:300;box-shadow:0 1rem 3rem rgba(0,0,0,.1);text-align:center;cursor:pointer}@media only screen and (max-width:58em){.navigation__button{right:5rem;top:13rem}}@media only screen and (max-width:37.5em){.navigation__button{right:5rem;top:8rem}}.navigation__bg{height:4rem;width:4rem;border-radius:50%;position:fixed;top:6.5rem;right:22.5rem;background-color:var(--color-green_light);z-index:21;transition:transform .8s cubic-bezier(.86,0,.07,1)}@media only screen and (max-width:58em){.navigation__bg{right:5.5rem;top:13rem}}@media only screen and (max-width:37.5em){.navigation__bg{right:5.5rem;top:8rem}}.navigation__nav{height:100vh;width:100%;position:fixed;top:0;left:-200px;z-index:100;opacity:0;width:0;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;text-align:center;z-index:450;width:100%}.navigation__item{margin:1rem}.navigation__link:link,.navigation__link:visited{font-size:6rem;font-weight:200;padding:1rem 2rem;color:var(--color-orange);text-decoration:none;text-transform:uppercase;position:relative}.navigation__link:active,.navigation__link:hover{font-weight:400;color:var(--color-green)}.navigation__link::before{content:"";position:absolute;width:100%;height:4px;border-radius:4px;background-color:var(--color-green);bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.navigation__link:active::before,.navigation__link:hover::before{transform-origin:left;transform:scaleX(1)}.navigation__checkbox:checked~.navigation__bg{transform:scale(90)}.navigation__checkbox:checked~.navigation__nav{opacity:1;width:100%;left:0}.navigation__icon{position:relative;margin-top:2.5rem}.navigation__icon,.navigation__icon::after,.navigation__icon::before{width:2rem;height:1.5px;background-color:var(--color-white);display:inline-block}.navigation__icon::after,.navigation__icon::before{content:"";position:absolute;left:0}.navigation__icon::before{top:-.7rem}.navigation__icon::after{top:.7rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon::before{top:0;transform:rotate(45deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon::after{top:0;transform:rotate(-45deg)}