@font-face {
  font-family: 'karrik';
  src: url('/fonts/karrik/WOFF2/Karrik-Regular.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'karrik';
  src: url('/fonts/karrik/WOFF2/Karrik-Italic.woff2') format('woff');
  font-weight: normal;
  font-style: italic;
}

body {
  background-color: hsl(45, 55%, 84%);
  color: rgb(184, 49, 0);
  font: 24px "karrik", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}

.mainContainer {
  padding:50px;
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-weight: normal;
  font-size: 64px;
  margin-top: 0;
}

@media screen and (max-width:500px) {
  h1 {
    font-size: 40px;
  }
  body {
    font-size: 22px;
  }
  .mainContainer {
    margin:auto;
    padding:25px;
  }
}


i {
  font-style: normal;
}

footer {
  position: absolute;
  bottom: 10px;
  font-size: 12px;
}

a {
  color: #00B7FF;
}