/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

body {
    background-color: #FEFCFE;
}

.guest_logo {
    max-width: 300px;
}

.login_spacer {
  height: 250px;
}

.login_preheader {
  font-size: small;
  font-family: 'Gilroy-EB';
  margin-bottom: 5px;
  color: #EF5268;
}

.login_header {
  font-size: x-large;
  font-family: 'Gilroy-EB';
  margin-top: 0px;
}

.login_postheader {
  font-family: 'Gilroy';
  font-size: small;
  max-width: 370px;
}

.login_button {
  font-family: 'Gilroy-EB';
}

.hyper_link:link {
  color: #26A69A;
  background-color: transparent;
  text-decoration: none;
}

.hyper_link:visited {
  color: #26A69A;
  background-color: transparent;
  text-decoration: none;
}

.hyper_link:hover {
  color: #EF5268;
  background-color: transparent;
  text-decoration: underline;
}

.hyper_link:active {
  color: #26A69A;
  background-color: transparent;
  text-decoration: underline;
}

.animation_container {
  z-index: -1;
  top:60px;
  position: absolute;
}

@media only screen and (max-width: 900px) {
  .animation_container {
    max-width: 100%;
    top: 130px;
  }
  .animation_container>img {
    max-width: 100%;
  }
  .login_spacer {
    height: 160px;
  }
}