@font-face {
  font-family: hando;
  src: url(../fonts/HandoTrial-Regular.otf); }

@font-face {
  font-family: handothin;
  src: url(../fonts/HandoTrial-Light.otf); }

@font-face {
  font-family: handobold;
  src: url(../fonts/HandoTrial-Bold.otf); }

:root {
  font-size: 16px; }

html > * {
  background-color: #A288A6;
  font-family: hando;
  line-height: 2rem;
  margin: 0;
  padding: 0;
  overflow: hidden; }

h1, h2, p, button {
  color: #1C1D21; }

h1 {
  font-size: 4rem; }

h1 {
  font-size: 2rem; }

h3 {
  font-size: 1rem; }

button, input[type=submit] {
  background-color: #1C1D21;
  border: 0.1rem #1C1D21 solid;
  border-radius: .25rem;
  color: #A288A6;
  font: 1rem handothin;
  padding: .5rem; }

button:hover, input[type=submit]:hover {
  background-color: #A288A6;
  color: #1C1D21;
  cursor: pointer;
  transition: .25s ease-in-out; }

.jumbotron {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  text-align: center; }

.sticky {
  left: 50%;
  top: 0%;
  transform: translate(-50%, -10%);
  position: absolute;
  text-align: center; }

.form {
  text-align: center; }
  .form label {
    display: block;
    text-align: left;
    font: 2rem handobold;
    margin: 1rem auto; }
  .form input[type=text], .form select {
    background-color: #A288A695;
    border: 0.1rem #1C1D21 solid;
    border-radius: .25rem;
    height: 2rem;
    font-size: 1rem;
    padding: .25rem; }
  .form input[type=text] {
    width: 90%; }
  .form select {
    margin: .5rem; }

.link {
  background-color: #A288A695;
  border: 0.2rem #1C1D21 dashed;
  border-radius: .5rem;
  display: table;
  padding: 2rem;
  width: 20rem; }
  .link h3 {
    display: table-cell;
    vertical-align: middle; }

@media (min-width: 1000px) {
  :root {
    font-size: 24px; } }

/*# sourceMappingURL=styles.css.map */