* {
  font-family: 'Gothic A1', sans-serif;
  color: white;
}

.wrapper-components {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  margin: 0px auto;
  height: 100%;
  width: 100%;
  /* max-width: 580px; */
  
}

.header {
  padding: 2rem 0;
}

.header img {
  width: 50%;
  max-width: 250px;
  aspect-ratio: 3/2;
  object-fit: contain;
}

.hero {
  padding: 1.2rem 0;
 > p {
  text-align: center;
  padding: 2rem;
 }
}

.nav-socials {
  text-align: center;
  margin-bottom: 1.6rem;
  a {
    svg {
      transition: .15s;
      &:hover {
        transform: scale(107.5%);
      }
    }

  }
}

.link {
  text-decoration: none;
  margin: 12px;

  > svg {
    width: 32px;
  }
}

.link-lists { 
  margin-top: 2rem;
  margin: 0 auto;

  > a {
    /* border: 1px dashed red; */
    border-radius: 2rem;
    background-color: #292727;

    transition: box-shadow 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99), border-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99), transform 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99), background-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99);

    padding: 1.6rem 4.4rem;
    text-align: center;
    cursor: pointer;
    margin: .6rem 0;

    list-style: none;
    text-decoration: none;

    width: 90%;
    max-width: 580px;

    &:hover {
      background-color: rgb(12, 11, 11);
      outline: 2px solid #292727;
    }
  }
}