@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Comfortaa:300|Roboto:300');

html, body {
  height: 100%;
}

body {
  background: #25064C; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-180deg, #25064C, #36175E); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-180deg, #25064C, #36175E); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-180deg, #25064C, #36175E); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-180deg, #25064C, #36175E); /* Standard syntax */
}

h1.logo {
  font-family:    'Comfortaa', cursive;
  text-transform: lowercase;
  font-weight:    300;
  letter-spacing: 1px;
  opacity:        0.75;
  text-shadow:    0px 4px 0px rgba(0, 0, 0, 0.5);
  color:          white;
  margin-top:     50%;
}

h2.tagline {
  color: white;
  opacity: 0.5;
  font-family:    'Didact Gothic', sans-serif;
}

.btn {
  border-radius: 0px;
}

.btn-heading {
  font-family:    'Didact Gothic', sans-serif;
}

.btn-heading,
.btn-heading:active,
.btn-heading:visited,
.btn-heading:link {
  border-color: rgba(255, 255, 255, 0.75);
  color: rgba(255, 255, 255, 0.75);
}

.btn-heading:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: #25064C;
}