@font-face {
  font-family: Ppkyoto;
  src: url('../fonts/PPKyoto-Thin.woff2') format("woff2"), url('../fonts/PPKyoto-Thin.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

.paragraph {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #000;
  background-clip: border-box;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.body {
  background-color: #1a1a1a;
  max-width: 1800px;
}

.paragraph-2 {
  color: #fff;
  width: auto;
  max-width: 700px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 0;
  font-family: Ppkyoto, Arial, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.link {
  color: #fff;
  text-underline-offset: 5px;
  font-size: 24px;
  text-decoration-style: solid;
  text-decoration-color: #fff;
  text-decoration-thickness: 1px;
}

.link-2 {
  color: #fff;
  text-underline-offset: 5px;
  text-decoration-color: #fff;
  text-decoration-thickness: 1px;
}

@media screen and (max-width: 479px) {
  .paragraph-2 {
    font-size: 28px;
    line-height: 34px;
  }

  .link {
    font-size: 18px;
  }
}


@font-face {
  font-family: 'Ppkyoto';
  src: url('../fonts/PPKyoto-Thin.woff2') format('woff2'), url('../fonts/PPKyoto-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}