styles.scss

/* You can add global styles to this file, and also import other style files */


h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}
h2, h3 {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
}

body, input[text], button {
  color: #333;
  font-family: Cambria, Georgia;
}
a {
  cursor: pointer;
  cursor: hand;
}
button {
  font-family: Arial;
  background-color: #eee;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  cursor: hand;
}
button:hover {
  background-color: #cfd8dc;
}
button:disabled {
  background-color: #eee;
  color: #aaa;
  cursor: auto;
}

label {
  display: block;
  width: 40em;
  margin: .5em 0;
  color: #607D8B;
  font-weight: bold;
}

.menu-button {
  background-color: #badcfd;
  font-weight: bold;
}

.next-step-button {
  background-color: #2d2e83;
  font-weight: bold;
  color: white;
  font-size: xx-large;

}

input {
  width: 40em;
  height: 2em;
  font-size: 1em;
  padding-left: .4em;
}

textarea {
  width: 41em;
  height: 5em;
  font-size: 1em;
  padding-left: .4em;
}


/* everywhere else */
* {
  font-family: Arial, Helvetica, sans-serif;
}