@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@keyframes fadeInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
body {
  animation: fadeInFromBottom 0.6s cubic-bezier(0.83, 0, 0.17, 1);
  background-color: #fafafa);
  font-family: 'Roboto', sans-serif;
  max-width: 500px;
  margin: 5em auto;
  color: #0c0c0c;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Krona One;
  font-style: normal;
  font-weight: normal;
  line-height: 10%;
}
h2 {
  font-size: 24px;
}