.nav-hamburger{display:none;position:absolute;top:18px;right:20px;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;z-index:1100}.nav-hamburger span{display:block;height:5px;width:32px;background:#fff;margin:5px 0;border-radius:2px}.button-1{margin-top:.5rem;border:none;height:auto;font-size:1.5em;font-weight:800;color:#fff;padding:15px 15px 4px;background:#24262a;border-bottom:solid 4px #ff3d2c}.button-animation{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-property:color;transition-duration:.3s}.button-animation:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:red;background:linear-gradient(180deg,#5c5c5c00 40%,#ff3d2ccf);transform:scaleY(0);transform-origin:50% 100%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;border-bottom:solid 7px #ff3d2c;color:#000}.button-animation:hover,.button-animation:focus,.button-animation:active{color:#fff}.button-animation:hover:before,.button-animation:focus:before,.button-animation:active:before{transform:scaleY(1)}.button-2{margin-top:.5rem;border:none;height:auto;font-size:1.5em;font-weight:800;color:#000;padding:15px;background:#ff5d4f}.button-animation-2{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-property:color;transition-duration:.3s}.button-animation-2:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:red;background:linear-gradient(180deg,#5c5c5c00 40%,#ff3d2ccf);transform:scaleY(0);transform-origin:50% 100%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;color:#000}.button-animation-2:hover,.button-animation-2:focus,.button-animation-2:active{color:#000}.button-animation-2:hover:before,.button-animation-2:focus:before,.button-animation-2:active:before{transform:scaleY(1)}nav{position:fixed;top:0;width:100%;background:#24262ae6;color:#fff;z-index:1000}.nav-list{display:flex;align-items:center;justify-content:flex-end;list-style:none;margin:0;padding:0}.nav-close,.nav-close-btn{display:none}.nav-list li{margin:0;padding:0}.nav-button{margin-top:0;border:none;height:auto;font-size:1.5em;font-weight:800;color:#fff;padding:15px;background:#24262a00;min-width:auto;width:auto;text-align:center}.mode-indicator{display:flex;flex-direction:column}@media only screen and (max-width: 760px){nav{position:fixed;top:0;width:100%;background:#24262ae6;color:#fff;z-index:1000;padding-right:0}.nav-hamburger{display:flex}.nav-list{position:fixed;top:0;right:0;background:#24262afa;flex-direction:column;align-items:center;justify-content:flex-start;width:220px;height:100vh;margin:0;padding-top:10px;box-shadow:-2px 0 8px #0003;transform:translate(100%);transition:transform .3s ease;z-index:1100}.nav-list.open{transform:translate(0)}.nav-list li{width:100%;text-align:center;margin:0;padding:0}.nav-close{width:100%;text-align:right;margin-bottom:10px;display:block!important}.nav-close-btn{color:#fff!important;display:inline-block!important}}@media only screen and (max-width:550px){.nav-button .nav-bar{display:flex}}