body {
    font-size: var(--font-3);
  }
  
  header {
    background: #fd6e63;
    color: var(--white);
  }
  
  .banner {
    position: absolute;
    top: -10px;
    left: var(--spacing-4);
  }
  
  .banner img {
    height: 80px;
  }
  
  .banner:hover img {
    animation: wave-flag 0.5s linear infinite alternate;
  }
  
  
  @keyframes wave-flag {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-5deg);
    }
  }
  
  
  .container {
    margin: var(--spacing-4) auto;
  }
  
  
  img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

  .card {
    background: var(--elevated);
    color: var(--text);
    border-radius: var(--radii-extra);
    box-shadow: var(--shadow-card);
    overflow: hidden;
  }