body {
  font-family: sans-serif;
  font-size: 16px;
  margin: 0;
  --color-background-primary: #007e80;
}

header {
  display: flex;
  padding: 0.5rem;
  background-color: var(--color-background-primary);
  justify-content: center;

  nav {
    background-color: var(--color-background-primary);
    width: 100%;
    max-width: 50rem;
    display: flex;

    .logo {
      width: 7rem;
    }
    ul {
      display: flex;
      width: 100%;

      justify-content: space-around;
      padding: 0;

      li {
        list-style: none;
        display: flex;
        align-items: center;

        a {
          color: white;
          text-decoration: none;
        }
      }
    }
  }
}

article {
  margin-bottom: 30px;
}

main {
  padding: 1rem;
  max-width: 60rem;
  margin: auto;

  .poster {
    width: 20rem;
    margin: auto;
  }

  section {
    padding: 1rem 0;
  }
}

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;

  img {
    width: 10rem;
  }
}

.date {
  font-size: 0.9rem;
  color: darkslategray;
}