.blog__header{align-items:center;background-color:var(--dark-green);color:var(--light);display:flex;justify-content:space-between;padding:12px 32px;position:fixed;top:0;width:100%;z-index:4;.header__sides{width:25%}nav{display:flex;gap:1rem;a{font-size:var(--font-lg);font-weight:600;transition:opacity .2s ease-in-out;&:hover{opacity:.75}}}.title__logo{font-family:Unbounded,sans-serif;font-size:var(--font-3xl);font-weight:800;text-transform:uppercase}.title__logo__mobile{display:none}}@media screen and (max-width:1023px){.blog__header{flex-direction:row-reverse;gap:0;justify-content:space-between;.header__sides.blank,.title__logo{display:none}nav{justify-content:flex-end;a{font-size:var(--font-md)}}.header__sides{width:100%}.title__logo__mobile{display:block;font-family:Unbounded,sans-serif;font-size:var(--font-2xl);font-weight:800;text-transform:uppercase}}}