@font-face {
  font-family: "Lora-italic";
  src: url('/fonts/Lora/static/Lora-Italic.ttf');
}


:root {
  --margins: 20px;
}


body {
  background-color: #921834;
  color: #FFFFFF;
  text-align: center;
}


.top-space {
  margin-top: var(--margins);
}


p.message {
  font-family: "Lora-italic", serif;
  font-size: 1.2em;
}


input[type="email"] {
  text-transform: lowercase;
}


.rounded {
  padding: 10px 20px;
  border-radius: 100vh !important;
}


.btn-primary {
  background-color: #FFFFFF;
  border: none;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: rgba(0,0,0,0.4) 0px 10px 15px 0px;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  border: none;
  background-color: #72262A;
  color: #FFFFFF;
}


a,
a:active,
a:hover,
a:visited {
  color: #9CB834;
}