.header__logo {
  display: inline-flex;
  width: 20%;
  padding: 1%;
}
@media (hover: hover) {
  .header__logo {
    transition: transform 0.2s;
  }
  .header__logo:hover {
    transform: translate(2px, -2px);
  }
}
@media screen and (orientation: portrait) {
  .header__logo {
    width: 40%;
  }
}
.header {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  background-color: var(--primary-color);
}
/*# sourceMappingURL=header.css.map */