@import url('https://fonts.googleapis.com/css2?family=Poor+Story&family=Raleway:wght@500&display=swap');
/*
font-family: 'Poor Story', cursive; for H1
font-family: 'Raleway', sans-serif; for other
*/

body {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  background-color: lightblue;
  text-align: center;
}
h1 {
  font-family: 'Poor Story', cursive;
  font-size: 3.3em;
  font-weight: bold;
  color: darkblue;
}
h2 {
  font-family: 'Raleway', sans-serif;
}

div {
  margin: 40px; 
  padding: 40px;
  border-radius: 20px;
  border: 3px dashed darkblue;
  text-align: center;
}

section {
  width: 80%; 
  margin: 0 auto;
  padding: 36px; 
  text-align: left; 
  margin-bottom: 100px;
  background-color: DodgerBlue;
  border-radius: 20px;
}
a:hover {
  color: white;
  text-decoration: none;
}
div:hover {
  background-color: indigo;
}