@import "./normalize.css";
@import "./fonts.css";

/* TODO: use scss and vars */
/*
--cream: #FDFFF9;
--grey: #4A4A4A;
--green: #40B097;
*/

body {
  background: #FFFFFF;
}

.gc-header {
  color: #4A4A4A;
  font-size: 30px;
  font-weight: 400;
}

.gc-subheader {
  font-weight: 300;
  font-size: 24px;
  color: #4A4A4A;
}

.gc-h3 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  color: #9B9B9B;
}

.link {
  cursor: pointer;
  text-decoration: underline;
  color: #40B097;
}

input:focus {
  outline: none;
}

button:focus {
  outline: none;
}

*::selection {
  background-color:transparent;
}

*::-moz-selection {
  background-color:transparent;
}

@media (max-width: 640px) {

  .gc-header {
    font-size: 19px;
  }

  .gc-subheader {
    font-weight: 300;
    font-size: 17px;
    color: #4A4A4A;
  }

}