:root {
  --color-marro:#8d8173; /* #a5998b */
  --color-negre: #0c0d0d;
  --color-gris:#393c3d;
  --color-groc:#bea766;
  --color-blanc: #fff;

  --color-text:var(--color-negre);
  --bg:var(--color-marro);
}
body {
  display: grid;
  place-items: center;
  height: 100dvh;
  margin: 1em;
  background-color: var(--bg);
  font-family: "Instrument Serif", serif;
  letter-spacing: .5px;

  img {
    max-width: 30vw;
    width: 100%;
    height: auto;
    margin-bottom: 1em;

    @media (max-width: 600px) {
      max-width: 75vw;
    }
  }

  .content {
    text-align: center;
  }

  .info {
    color: var(--color-text);
    text-align: center;

    h3 {
      font-weight: 400;
      font-size: 36px;
      margin-bottom: 20px;
    }

    p {
      max-width: 75ch;
      font-size: 1.25rem;
    }

    a {
      color: inherit;
      display: block;
      margin-bottom: 5px;
      font-size: 18px;
      transition: color .2s ease;
      width: fit-content;
      margin-inline: auto;

      svg {
        height: 25px;
        aspect-ratio: 1/1;
      }

      &:hover {
        color: var(--color-groc);
      }

      &:last-of-type {
        margin-top: 20px;
      }
    }
  }
}