@charset "UTF-8";

footer {
  box-sizing: border-box;
  padding: 0 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  margin: 2rem 0 1rem 0;

  &:not(:has(*)) {
    display: none;
  }

  > p#description {
    text-align: center;
    font-size: 1rem;
    font-family: "Geologica";
    font-weight: 400;
    margin: unset;
    color: rgb(0, 0, 0, 0.6);
  }
  > div#link {
    display: inline-flex;
    justify-content: center;
    gap: 1rem;

    > a {
      text-decoration: none;
      font-size: 1rem;
      font-family: "Geologica";
      font-weight: 400;
      color: rgb(160, 160, 160);
      transition: ease 0.2s;
      &:hover {
        color: #000;
      }
    }
  }
}
