header{position:relative;background-color:var(--primary-color);height:42px}#tab-icon{position:absolute;top:50%;left:0;transform:translateY(-50%);width:50px;height:40px;background-color:#0002;padding:5px 10px}#tab-icon:hover{background-color:#fff2}header>nav{display:none;color:var(--white-text-color)}.nav-side{color:var(--ungrayed-text-color)}.nav-large{width:100%;z-index:42069;overflow:hidden;display:block}.nav-large .second-list{text-align:right}.nav-large .first-list{float:left;position:relative;z-index:10}header>nav ul li{display:inline-block;background-color:#0002}header>nav ul li a{position:relative;text-decoration:none;display:block;box-sizing:border-box;font-size:20px;font-weight:700;padding:10px 20px 10px 50px}header>nav ul li a img{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:30px;height:30px}header>nav ul li a:link,header>nav ul li a:visited{color:var(--white-text-color)}.nav-side ul li a:link,.nav-side ul li a:visited{color:var(--ungrayed-text-color)}header>nav ul li:hover{background-color:#fff2}header>nav ul li a:hover{text-shadow:-4px -4px 4px #00000044;transform:translate(2px,2px) scale(1.1)}.nav-side{position:fixed;top:40px;z-index:42069;width:200px;height:calc(100% - 40px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--background-color)}.nav-side ul li{width:100%}.nav-side .first-list li{margin-bottom:9px}footer{height:30px;background-color:var(--primary-color)}footer>ul{list-style-type:none;display:flex;flex-direction:row;padding:0;margin:0;align-items:center}footer>ul>li{height:calc(100% - 5px);padding:5px 20px 0;display:flex;align-items:center}footer>ul>li>a{color:gray;text-decoration:none}footer>ul>li>a:hover{text-decoration:underline}