.header{z-index:30;top:0;left:0;right:0;height:var(--header-height);padding:0 1vw;background-color:#002649;color:#fff}.header .test{background-color:#ff0}.header .dev,.header .test{color:#000;width:30vw;text-align:center}.header .dev{background-color:aqua;font-weight:700}.header .header-content{height:100%;max-width:100vw;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:3vw;padding-right:3vw}.header .header-logo img{height:calc(var(--header-height)/3)}.header .header-status{height:calc(var(--header-height)/3);font-size:calc(var(--header-height)/4);display:flex;align-items:center;flex-direction:row}.weather{display:flex;align-items:center;margin-left:3vw;height:6vw;gap:.5vw}.weather__icon{height:2em}