@font-face {
  font-family: VTC_Tatsuro;
  font-weight: 100;
  src:  url('/fonts/VTC_Tatsuro/VTCTatsuro-Thin.woff2') format('woff2'),
        url('/fonts/VTC_Tatsuro/VTCTatsuro-Thin.woff') format('woff');
}

@font-face {
  font-family: VTC_Tatsuro;
  font-weight: 200;
  src:  url('/fonts/VTC_Tatsuro/VTCTatsuro-ExtraLight.woff2') format('woff2'),
        url('/fonts/VTC_Tatsuro/VTCTatsuro-ExtraLight.woff') format('woff');
}

@font-face {
  font-family: VTC_Tatsuro;
  font-weight: 300;
  src:  url('/fonts/VTC_Tatsuro/VTCTatsuro-Light.woff2') format('woff2'),
        url('/fonts/VTC_Tatsuro/VTCTatsuro-Light.woff') format('woff');
}

@font-face {
  font-family: VTC_Tatsuro;
  font-weight: 400;
  src:  url('/fonts/VTC_Tatsuro/VTCTatsuro-Regular.woff2') format('woff2'),
        url('/fonts/VTC_Tatsuro/VTCTatsuro-Regular.woff') format('woff');
}

@font-face {
  font-family: VTC_Tatsuro;
  font-weight: 500;
  src:  url('/fonts/VTC_Tatsuro/VTCTatsuro-SemiBold.woff2') format('woff2'),
        url('/fonts/VTC_Tatsuro/VTCTatsuro-SemiBold.woff') format('woff');
}

@font-face {
  font-family: VTC_Tatsuro;
  font-weight: bold;
  src:  url('/fonts/VTC_Tatsuro/VTCTatsuro-Bold.woff2') format('woff2'),
        url('/fonts/VTC_Tatsuro/VTCTatsuro-Bold.woff') format('woff');
}

body {
  background-color: white;
  color: black;
  font-family: VTC_Tatsuro;
}

h1 {
  font-size: 8vw;
  font-weight: bold;
}


p {
  font-size: 2vw;
  font-weight: 300;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  p {
    font-size: 16px;
  }
}

ol {
  font-size: 2vw;
  font-weight: 300;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  ol {
    font-size: 16px;
  }
}

.full-width {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.content-container {
  padding: 0 1rem;
  max-width: 65ch;
  margin: 0 auto;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}