body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  --top-offset: 80px;
  margin: 0;
  padding-top: calc(var(--top-offset) + env(safe-area-inset-top));
  min-height: 100vh;
  min-height: 100dvh;
  text-align: center;
  background-color: #fff;
}

.rdx-logo {
  width: 60%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}

.rdx-subtitle {
  margin: 20px 0px 10px 0px;
  font-size: 4rem;
  letter-spacing: 1em;
  color: #888;
}

/* Responsive design */

@media (max-width: 1024px) {
  body { --top-offset: 64px; }
  .motto1, .motto2 { top: 110px; }
}

@media (max-width: 768px) {
  body { --top-offset: 52px; }
 }

@media (max-width: 480px) {
  body { --top-offset: 40px; }
}