header{backdrop-filter:blur(4px);box-shadow:2px 2px 6px var(--color-dark-100);height:70px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}header,header>div{align-items:center;display:inline-flex;flex-direction:row}header>div{height:100%;justify-content:space-between;padding:0 20px;position:relative;width:1200px}header>div>img{cursor:pointer;height:50px;width:auto}header>div>div{justify-content:center}header>div>div,header>div>div>div{align-items:center;display:inline-flex;flex-direction:row;height:100%}header>div>div>div{position:relative}header>div>div>div>ul{align-items:center;display:inline-flex;flex-direction:row;height:100%}header>div>div>div>ul>li{font-size:1.2rem;margin:0 8px;padding:0 8px;position:relative}header>div>div>div>ul>li,header>div>div>div>ul>li>p{align-items:center;display:inline-flex;flex-direction:row;height:100%;justify-content:center}header>div>div>div>ul>li>p{cursor:pointer;font-weight:500;opacity:1;white-space:nowrap}header>div>div>div>ul>li:hover{color:var(--color-theme)}header>div>div>div>ul>li>div{align-items:center;background-color:initial!important;bottom:-70px;color:var(--color-secondary);display:inline-flex;flex-direction:row;opacity:1;position:absolute;transition:all .2s;z-index:2000}header>div>div>div>ul>li>div>span{border-top:1px solid var(--color-light-100);box-shadow:2px 2px 6px var(--color-dark-100);content:"";left:0;position:fixed;top:70px;transition:all .2s;width:100vw}header>div>div>div>ul>li>div>div{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:100%;justify-content:center;margin:0 10px;padding:0 10px;position:relative;z-index:3000}header>div>div>div>ul>li>div>div:hover{color:var(--color-theme)}header>div>div>div>ul>li>div>div>strong{align-items:center;display:inline-flex;flex-direction:row;white-space:nowrap}header>div>div>div>ul>li>div>div>small{font-size:.9rem;margin:4px 0 0;opacity:.8;white-space:nowrap}header>div>div>span{align-items:center;display:inline-flex;flex-direction:row;margin:0 0 0 30px}header>div>div>span>svg{height:34px;margin:0 6px 0 0;width:34px}footer,header>div>div>span>h5{align-items:center;display:inline-flex;flex-direction:row}footer{background-color:var(--color-dark-900);color:var(--color-secondary);padding:80px 0}footer,footer>div{justify-content:center;width:100%}footer>div{display:inline-flex;flex-direction:column;max-width:1200px;padding:0 20px}footer>div>div{border-bottom:2px solid var(--color-secondary);padding:0 0 20px}footer>div>div>img{height:50px;width:auto}footer>div>ul{align-items:center;justify-content:space-between;margin:20px 0 0}footer>div>ul,footer>div>ul>li{display:inline-flex;flex-direction:row}footer>div>ul>li>div{display:inline-flex;flex-direction:column;justify-content:center}footer>div>ul>li>div>p{line-height:1.4;margin:0 40px 0 0}footer>div>ul>li>div>div{flex-direction:row}footer>div>ul>li>div>div,footer>div>ul>li>div>div>div{align-items:center;display:inline-flex;justify-content:center}footer>div>ul>li>div>div>div{cursor:pointer;flex-direction:column;margin:0 0 0 12px}footer>div>ul>li>div>div>div:hover>svg{fill:var(--color-theme)}footer>div>ul>li>div>div>div:hover>p{color:var(--color-theme)}footer>div>ul>li>div>div>div>svg{fill:var(--color-secondary);height:38px;transition:all .2s;width:38px}footer>div>ul>li>div>div>div>p{font-size:.8rem;margin:6px 0 0;max-width:60px;opacity:1;text-align:center;transition:all .2s;width:100%}nav{bottom:80px;position:fixed;right:-1px;z-index:100}nav>ul{backdrop-filter:blur(4px);background-color:var(--color-dark-500);border-bottom-left-radius:8px;border-top-left-radius:8px;display:grid;gap:20px;grid-template-rows:repeat(4,1fr);padding:16px;position:relative}nav>ul>li{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center}nav>ul>li:hover>small{color:var(--color-theme)}nav>ul>li>img{height:auto;width:42px}nav>ul>li>small{color:var(--color-secondary);font-size:.6rem;font-weight:500;margin:6px 0 0}aside{background-color:var(--color-primary);height:100vh;left:0;position:fixed;top:0;width:200px}aside>div{align-items:center;display:inline-flex;flex-direction:column;height:100%;position:relative;width:100%}aside>div>img{cursor:pointer;height:auto;margin:40px 0;width:140px}aside>div>ul{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;width:100%}aside>div>ul>li{border-top:1px solid var(--color-light-100);color:var(--color-secondary);cursor:pointer;font-size:1.4rem;padding:20px 30px;transition:all .2s;width:100%}aside>div>ul>li:last-child{border-bottom:1px solid var(--color-light-100)}aside>div>ul>li:hover{color:var(--color-theme)}aside>div>button{background-color:var(--color-light-100);bottom:0;color:var(--color-secondary);height:50px;left:50%;position:absolute;transform:translate(-50%,-50%);width:140px}