header .nav-container{background-color:var(--nav)}header .navbar{display:flex;height:100%;margin:auto;justify-content:flex-start;font-size:1.1rem;min-height:60px;width:calc(var(--full-width) + 10%)}header .title{font-weight:400;margin:0;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-right:20px}header .title h2{color:var(--primary-color);font-weight:400;margin:0}header .navbar li:hover,header .theme-container:hover{cursor:pointer;background-color:var(--nav-hover)}header .navbar li:active,header .theme-container:active{background-color:var(--nav-active)}header .navbar nav{display:flex;justify-content:space-between;flex:1}header .navbar ul{display:flex;margin:0;height:100%;padding:0;min-height:40px;list-style-type:none}header .navbar .nav-item{color:var(--primary-color);display:flex;align-items:center;justify-content:center;height:100%;padding:0 20px}header .theme-container{display:flex;justify-content:center;align-items:center;aspect-ratio:1}header .theme-icon{width:25px;height:25px;display:block}#icon-moon{display:block}#icon-sun{display:none}@media screen and (max-width:1200px){header .navbar{width:var(--more-width)}}@media screen and (max-width:560px){header .navbar{width:var(--most-width)}}@media screen and (max-width:780px){header .navbar{flex-direction:column}header .navbar .nav-item{padding:0 10px}header .title{padding:0;margin:auto}header .theme-container{margin:0}}