.wrapper {
  h1 {
    @media (min-width: 420px) {
      font-size: 3rem;
    }
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 1.2rem;
  }

  section {
    margin: 1rem;

    p, a {
      @media (max-width: 420px) {
        font-size: 0.75rem;
      }
    }
    a {
      color: white;
      text-decoration: underline;
      font-size: 0.9rem;
      transition: 0.5s;

      &:hover {
        color: rgb(96 59 255) !important;
      }
    }

    table {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 4px;
      padding: 1rem;
      max-width: 1100px;
      margin: 1rem auto;
      width: 100%;
      thead {
        tr {
          th {
            text-align: left;
            border-bottom: 1px solid white;
            padding: 0.5rem;
            font-size: 1.5rem !important;
            font-weight: bolder;
          }
        }
      }
      tbody {
        tr {
          td {
            //padding: 1.5rem 2rem;
          }
        }
      }

    }
  }
}