/* questrial-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/questrial-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	font-family: 'Questrial';
  font-size: 18px;
}

.page-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.page-content {
    border: 2px solid #000;
    padding: 50px;
    max-width: 600px;
    text-align: center;
    border-radius: 8px;
}

h1 {
  text-transform: uppercase;
  font-size: 3em;
}

h2 {
  text-transform: uppercase;
  font-size: 1.77777778em;
  line-height: 1.2;
}

p {
    a {
    color: grey;
    text-decoration: none;

    &:hover {
      color: #000;
    }
  }
}


@media screen and (max-width: 600px) {

  .page-content-wrapper {
    padding: 0 10px;
  }
  .page-content {
    padding: 25px;
  }

  h1 {
    font-size: 2.33333333em;
  }

  h2 {
    font-size: 1.4444444444em;
  }
}