body {
  background: #43cea2;
  background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
  background: linear-gradient(to right, #185a9d, #43cea2);
}
#contenido {
  background-color: white;
  margin-top: 40px;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}
#contenido::after {
  clear: both;
  display: block;
  content: '';
}
header {
  padding: 10px;
  text-align: center;
  color: white;
  font-size: 22px;
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
}
form {
  margin: 30px 0;
}
#loaders {
  text-align: center;
}
#loaders img {
  width: 150px;
  margin: 0 auto;
  /* display: none; */
}
#resetBtn {
  float: right;
}

#spinner {
  display: none;
}

@media all and (max-width: 527px) {
  .colum {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .row .col.s6 {
    width: unset;
    margin-left: unset;
    left: unset;
    right: unset;
  }
  button {
    margin-bottom: 1rem;
  }
}