main {
  margin: 0 auto;
  margin-bottom: 3rem;
  font-size: 1.5rem;
  max-width: 50rem;
  background-color: var(--background-ligth);
  padding: 2rem;
  border-radius: 1rem;

  & div {
    display: flex;
    justify-content: space-around;

    & header {
      width: 50%;
      text-align: start;
      padding: 0rem;

      & h1 {
        color: #2adcde;
        padding: 2rem 0;
        font-size: 2.5rem;
      }

      & img {
        max-width: 100%;
        border-radius: 0.3rem;
      }
    }

    & section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 1rem;

      & span {
        font-weight: bold;
        color: #2adcde;
      }
    }
  }

  & footer {
    margin: 2rem 0 0 1rem;

    & a {
      text-decoration: none;
      color: #55beeb;
      font-weight: bold;

      &:hover {
        color: #2adcde;
      }
    }
  }
}