.container-nav{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width:1400px){.container-nav{max-width:1400px}}label{width:32px;cursor:pointer}label div.bar span{background:#1f1f1f;border-radius:10px;height:5px;margin:3px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}.bar{display:flex;flex-direction:column}.bar span:first-of-type{width:50%}.bar span:nth-of-type(2){width:100%}.bar span:nth-of-type(3){width:75%}input[type=checkbox]{display:none}input[type=checkbox]:checked~.bar span:first-of-type{transform-origin:bottom;transform:rotate(45deg) translate(5px,1px);-webkit-transform:rotate(45deg) translate(5px,1px);-moz-transform:rotate(45deg) translate(5px,1px);-ms-transform:rotate(45deg) translate(5px,1px);-o-transform:rotate(45deg) translate(5px,1px)}input[type=checkbox]:checked~.bar span:nth-of-type(2){transform-origin:top;transform:rotate(-45deg)}input[type=checkbox]:checked~.bar span:nth-of-type(3){transform-origin:top;width:50%;transform:translate(18px,-5px) rotate(45deg);-webkit-transform:translate(18px,-5px) rotate(45deg);-moz-transform:translate(18px,-5px) rotate(45deg);-ms-transform:translate(18px,-5px) rotate(45deg);-o-transform:translate(18px,-5px) rotate(45deg)}label.toggle{width:64px;height:32px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;transition:.3s}label.toggle:after{content:"";width:24px;height:24px;position:absolute;top:5px;left:5px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:.3s}input#darkmode-toggle{width:0;height:0;visibility:hidden}input#darkmode-toggle:checked+label.toggle{background:#fff}input#darkmode-toggle:checked+label.toggle:after{left:59px;transform:translateX(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}label.toggle:active:after{width:2.5px}