@import url("https://fonts.googleapis.com/css?family=Karla|Roboto|Lato");

body {
  font-family: "Karla", sans-serif;
}
@media (max-width: 575px) {
  input[type="submit"] {
    margin-top: 1em;
    width: 20%;
  }
}
@media (min-width: 1000px) {
  input[type="submit"] {
    width: 10%;
  }
}
h3 {
  font-size: 1.4rem;
}
#todo-items {
  max-height: 47vh;
  overflow-y: scroll;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}