.navbar{z-index:20;backface-visibility:hidden;perspective:1000px;background-color:var(--bg-color);color:var(--text-color);justify-content:space-around;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.nav-container-wrapper{justify-content:space-around;width:100%;display:flex}.navbar a,.navbar .nav-container,.navbar button{cursor:pointer;color:var(--text-color);background:0 0;border:none;outline:none;align-items:center;padding:0;text-decoration:none;display:flex}.navbar a>svg,.navbar .nav-container>svg,.navbar button>svg{border:2px solid var(--text-color);color:var(--text-color);border-radius:50%;padding:5px;transition:all .3s}.navbar a:hover>svg,.navbar .nav-container:hover>svg,.navbar button:hover>svg{background-color:#ffffff1a}.bg100{background-color:var(--bg-color)}@media (max-width:599px){.navbar{min-height:50px}.navbar a>svg,.navbar .nav-container>svg,.navbar button>svg{border:2px solid;padding:4px;font-size:46px}.undernav{margin-bottom:70px}}@media (min-width:600px){.navbar{height:6.6vh}.navbar a>svg,.navbar .nav-container>svg,.navbar button>svg{border:.1vw solid;padding:.3vw;font-size:2.95rem}.undernav{margin-bottom:10vh}}@media (max-height:500px) and (min-width:600px){.navbar{min-height:50px}.navbar a>svg,.navbar .nav-container>svg,.navbar button>svg{border:2px solid;padding:5px;font-size:46px}.undernav{margin-bottom:70px}}