@font-face {
  font-family: "Roboto";
  src: url(Roboto-Regular.ttf);
}

html {
  font-size: 100%; /* 100% = 1rem = 16px */
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem;
}
/* -------------- */

#message-wrapper {
  text-align: center;
  font-size: clamp(1rem, 8vw, 3rem);
}

#logo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#logo-wrapper img {
  width: 100%;
  max-width: 35rem;
}
#logo-wrapper p {
  font-family: "Roboto", sans-serif;
  font-size: clamp(2rem, 8vw, 4rem);
  text-align: center;
}