.centered {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - env(safe-area-inset-bottom));
  margin-block-start: -30px;
  padding: 40px 30px;
}

.title {
  font-weight: 600;
  text-align: center;
}

.subtitle {
  font-size: 2em;
  text-align: center;
  margin-bottom: 20px;
}

.learn_more {
  margin-bottom: 12px;
}

@media (min-width: 320px) {
  /* smartphones, iPhone, portrait 480x320 phones */
}

@media (min-width: 320px) {
  .title {
    font-size: 2.5em;
  }

  .subtitle {
    font-size: 1.5em;
  }
}

@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width: 1025px) {
  .title {
    font-size: 10em;
    text-align: center;
  }
}

@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
}