.navigation__checkbox{display:none}.navigation__button{background-color:#fff;height:4rem;width:4rem;position:fixed;top:3rem;right:3rem;border-radius:50%;z-index:9999;box-shadow:0 1rem 3rem rgba(0,0,0,.1);text-align:center;cursor:pointer}.navigation__background{height:3rem;width:3rem;border-radius:50%;position:fixed;top:3.5rem;right:3.5rem;background-image:radial-gradient(#061a2b,#061a2b);z-index:1000;transition:transform 0.8s}.navigation__nav{height:100vh;position:fixed;top:-100;left:-100;z-index:1000;opacity:0;width:0;transition:all 0.8s}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;text-align:center;width:100%}.navigation__item{margin:0.5rem}.navigation__link:link,.navigation__link:visited{font-size:1.2rem;font-weight:300;padding:0.3rem 1.7rem;color:#fff;text-decoration:none;text-transform:uppercase;background-image:linear-gradient(120deg,transparent 0%,transparent 50%,#fff 50%);background-size:220%;transition:all 0.4s;display:inline-block}.navigation__link:link span,.navigation__link:visited span{margin-right:1.5rem;display:inline-block}.navigation__link:hover,.navigation__link:active{background-position:100%;color:#00538b;transform:translateX(1rem)}.navigation__checkbox:checked~.navigation__background{transform:scale(80)}.navigation__checkbox:checked~.navigation__nav{position:fixed;top:0;left:0;opacity:1;width:100%}.navigation__icon{position:relative;margin-top:2.0rem}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:2rem;height:1px;background-color:#333;display:inline-block}.navigation__icon::before,.navigation__icon::after{content:"";position:absolute;left:0;transition:all 0.2s}.navigation__icon::before{top:-0.3rem}.navigation__icon::after{top:0.3rem}.navigation__button:hover .navigation__icon::before{top:-0.4rem}.navigation__button:hover .navigation__icon::after{top:0.4rem}.navigation__checkbox:checked + .navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked + .navigation__button .navigation__icon::before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked + .navigation__button .navigation__icon::after{top:0;transform:rotate(-135deg)}@media only screen and (max-width:493px){.navigation__button{height:3rem;width:3rem;top:1.2rem;right:1rem}.navigation__background{height:2rem;width:2rem;top:2.0rem;right:1.3rem}.navigation__icon{position:relative;margin-top:1.5rem}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-60%,-60%)}}