html,
body,
button,
input,
textarea,
select {
  font-family: "Times New Roman", Times, serif !important;
}

button,
input,
textarea,
select,
.menu td,
.topnav > a,
.forum-tabs a,
.download-item,
.download-grid a,
.download-grid > div,
.confirm-head,
.confirm-message,
.register-title,
.register-field span,
.register-code-label {
  text-align: center !important;
}

.confirm-head {
  justify-content: center;
}

#openRegister,
#openForgot {
  position: relative;
  overflow: hidden;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 4px 11px rgba(24, 97, 132, .22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#openRegister {
  background: linear-gradient(135deg, #168dbf, #55bddd) !important;
}

#openForgot {
  background: linear-gradient(135deg, #536fc4, #8b72d8) !important;
}

#openRegister::after,
#openForgot::after {
  position: absolute;
  top: -60%;
  left: -35%;
  width: 28%;
  height: 220%;
  transform: rotate(22deg);
  background: rgba(255, 255, 255, .3);
  content: "";
  transition: left .42s ease;
}

#openRegister:hover,
#openForgot:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 7px 16px rgba(21, 82, 115, .32);
}

#openRegister:hover::after,
#openForgot:hover::after {
  left: 112%;
}

#openRegister:active,
#openForgot:active {
  transform: translateY(0) scale(.97);
  box-shadow: 0 2px 6px rgba(21, 82, 115, .25);
}

#openRegister:focus-visible,
#openForgot:focus-visible {
  outline: 3px solid rgba(35, 143, 196, .3);
  outline-offset: 2px;
}

@media (min-width: 1100px) {
  body {
    font-size: 14px !important;
  }

  .page {
    width: 780px !important;
  }

  .page .hero {
    width: 100% !important;
    height: auto !important;
  }

  .page .masthead,
  .page .menu,
  .page .health,
  .page .downloads,
  .page .section,
  .page .content {
    font-size: 14px !important;
  }

  .page .title {
    font-size: 17px !important;
  }

  .page .download-item,
  .page .download-item small {
    font-size: 11px !important;
  }

  .topnav,
  .wrap,
  .wrap + .footer {
    width: 1200px !important;
  }

  .wrap .banner {
    width: 1200px !important;
    height: 360px !important;
  }

  .wrap .columns {
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 28px !important;
    padding: 20px !important;
  }

  .forum-tabs,
  .filters,
  .card,
  .sidebox {
    font-size: 14px !important;
  }

  .register-box {
    width: 520px !important;
  }

  .register-form {
    padding: 20px !important;
  }

  .register-field span,
  .register-code-label,
  .register-note,
  .get-code {
    font-size: 13px !important;
  }

  .register-field input,
  .register-actions button {
    font-size: 15px !important;
  }
}