/* bebas-neue-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: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/bebas-neue-v14-latin-regular.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-600italic - 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: 'Spectral';
  font-style: italic;
  font-weight: 600;
  src: url(./fonts/spectral-v13-latin-600italic.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-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: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/spectral-v13-latin-regular.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

li {
    display: inline;
    float: left;
  }
 a {
    display: block;
    padding: 10px 50px;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
  }


  h1{
    text-transform: uppercase;
    text-align: center;
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
  }

  h2{
    text-align: center;
    font-family: 'Spectral';
    font-style: italic;
    font-weight: 600;
  }

  h3{
    margin: 5px;
    font-family: 'Spectral';
    font-style: normal;
    font-weight: 400;
  }

  p{
    font-family: 'Spectral';
    font-style: normal;
    font-weight: 400;
  }


  .grid-container{
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
    margin: 0px 60px;
  }
  .grid-item1{
    font-size: 30px;
    background-color: #C0D6D8;
    text-align: left;
    padding: 20px;
    margin: 10px;
    height: 90vh;
    width: 50vh;
  }
  .grid-item2{
    font-size: 30px;
    background-color: #DCD1DA;
    text-align: left;
    padding: 20px;
    margin: 10px;
    height: 90vh;
    width: 50vh;
  }
  .grid-item3{
    font-size: 30px;
    background-color: #EBDCC2;
    text-align: left;
    padding: 20px;
    margin: 10px;
    height: 90vh;
    width: 50vh;
  }
  .grid-item4{
    font-size: 30px;
    background-color: #C0D6D8;
    text-align: left;
    padding: 20px;
    margin: 10px;
    height: 90vh;
    width: 50vh;
  }
  .grid-item5{
    font-size: 30px;
    background-color: #DCD1DA;
    text-align: left;
    padding: 20px;
    margin: 10px;
    height: 90vh;
    width: 50vh;
  }
  .grid-item6{
    font-size: 30px;
    background-color: #EBDCC2;
    text-align: left;
    padding: 20px;
    margin: 10px;
    height: 90vh;
    width: 50vh;
  }