body.js-splash {
    background-size: cover;
    text-align: center;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
h1#gp-title {
    width: 211px;
    height: 30px;
    margin: 0 auto;
    color: #776B2F
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;                 /* sends the text off-screen */
    white-space: nowrap;            /* because only the first line is indented */
}
body.js-splash p.error-title {
    color: #101828;
    font-size: 23px;
    margin: 40px 0 12px 0;
}
body.js-splash p {
    color: #667085;
    font-size: 16px;
    margin: 0 0 40px 0;
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  padding: 48px 32px;
  background-color: #FFFFFF;
  margin: auto;
  width: 50%;
  min-width: 400px;
  border-radius: 12px;
  z-index: 999;
}