/**** DEFAULTS ****/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  font-size: 20px; /* 1rem will equal this now */
  line-height: 1.6;
  font-family: sans-serif; /* add google fonts */
}

/**** PAGES ****/
.page {
  display: none;
  width: 100%;
  min-height: 100%; /* allow for content off the bottom of the page */
  position: fixed; /* or absolute if the user needs to scroll for more content */
  padding: 1rem 2rem;
}
.active {
  display: block;
}
#home {
  background-color: hsl(60, 50%, 80%);
}
#list {
  background-color: hsl(180, 50%, 80%);
}
#detail {
  background-color: hsl(240, 50%, 80%);
}
h1 {
  font-size: 2rem;
  font-weight: 600;
  transition: all 0.4s;
}
.big {
  font-size: 5rem;
  font-weight: 900;
}