.header-box{transition:height .3s ease;display:flex;align-items:center}.expanded{height:50px!important}.expanded .nav-item{line-height:50px}.content-expanded .logo{transform:scale(.8)}#header-content{width:100%;display:flex;justify-content:space-around;align-items:center;color:#fff;transition:transform .3s ease}#header-content .logo{width:465px;height:50px;cursor:pointer;transition:transform .3s ease}#header-content .logo img{width:465px}#header-content .nav-box{display:flex;flex-wrap:nowrap;color:#000}#header-content .nav-box .nav-item{width:65px;height:100%;position:relative;cursor:pointer;margin:0 20px}#header-content .nav-box .nav-item:hover{color:var(--theme-color)}#header-content .nav-box .nav-item:hover .line{position:absolute;top:0;left:0;right:0;border-top:3px solid var(--theme-color)}html,body{margin:0;padding:0}:root{--theme-color: #4471e4}