nav {
  padding: 0 10px;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
}

main {
  flex: 1 0 auto;
}

.header {
  font-family: 'Handlee', cursive;
}

.logo {
  font-family: 'MedievalSharp', cursive;
}

.img-logo {
  max-height: 100%;
  width: auto;
}

#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  cursor: pointer;
  /* Add a mouse pointer on hover */
}

/* label color */
.input-field label {
  color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
  color: #1b5e20    !important;
}
/* label underline focus color */
.input-field input:focus {
  border-bottom: 1px solid #1b5e20    !important;
  box-shadow: 0 1px 0 0 #1b5e20    !important;
}
/* valid color */
.input-field input.valid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input.invalid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: #000;
}