@import url('reset.css');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Open+Sans&display=swap');

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3em;
}

h1, h2, h3 {
  font-family: 'Fredoka One', cursive;
}

a {
  text-decoration: none;
}

header {
  height: 400px;
  background: #66AAFF;
  text-align: center;
}

header h1 {
  padding-top: 100px;
  font-size: 3em;
}

header h1 a {
  color: black;
}

header h1 a:hover {
  color: #333;
}

header h2 {
  padding-top: 40px;
  color: #333;
  font-size: 1.2em;
}

header .button {
  margin-top: 30px;
}

.button {
  color: white;
  background-color: #3377DD;
  border-radius: 5px;
  padding: 14px 27px;
  border: none;
  font-size: 1.2em;
  display: inline-block;
}

.button:hover {
  background-color: #4488EE;
}

.button:active {
  background-color: #3377DD;
}

section {
  margin: 60px auto;
  max-width: 996px
}

section h3, section h4 {
  text-align: center;
}

section h3 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
}

ol li {
  list-style-type: decimal;
  margin-left: 2em;
}