@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Roboto"),
    url("/fonts/Roboto-Regular.woff2") format("woff2"),
    url("/fonts/Roboto-Regular.woff") format("woff"),
    url("/fonts/Roboto-Regular.ttf") format("ttf");
}

* {
  font-family: "Roboto", sans-serif;
}
html {
  height: 96%;
}
body {
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  text-align: center;
}
h2 {
  font-weight: normal;
}
@media (orientation: landscape) {
  h2 {
    font-size: 2.5em;
  }
}
@media (orientation: portrait) {
  h2 {
    font-size: 2em;
  }
}

.main_text {
  width: 80%;
}