html, body {
  height: 100vh;
  font-family: 'Chivo';
  color: #0B4F67;
}

main {
  flex: 0 0 auto;
  height: 90vh;
}

footer {
  background-color: #fafafa;
  padding: 0.3rem;
}

button {
	cursor: pointer;
	padding: 5px;
  box-shadow: 0px 0px 0px 2px #EB6D7F;
  border: 3px solid white;
  border-radius: 5px;
}

button:hover {
  box-shadow: 0px 0px 5px 5px #EB6D7F;
}

button + button {
  margin-left: 5px;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
  font-family: 'Amatic', Helvetica, sans-serif;
  font-weight: 600;
}

.reveal p {
  line-height: 1.8rem;
}

.reveal h1 {
  font-size: 6.3rem;
}

.reveal h2 {
  font-size: 6rem;
}

.reveal h3 {
  font-size: 4rem;
}

.animate {
  transform: translateY(-160%);
}
