:root{
  --red: rgb(204, 22, 44);
  --light-red: rgb(255, 233, 231);
  --dark-red: rgb(153, 0, 0);
  --blue: rgb(0, 58, 92);
  --background-blue: rgb(235, 246, 255);
  --light-blue: rgb(204, 229, 255);
  --dark-blue: rgb(0, 46, 69);
  --very-dark-blue: rgb(0, 33, 50);
  --contrast: rgb(70, 130, 180);  /* Steel Blue for contrast */
  --dark-contrast: rgb(54, 106, 148);
}

body{
  font-family: 'Roboto', serif;
  margin:0px;
  background-color: #f9f9f9;
}

h1, h2, h3 {
  font-family: 'Montserrat', serif;
}

main{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70%;
  margin: 5rem auto;
  margin-top: 0;
}

@media (max-width: 700px) {
  main {
    width: 90%;
  }
}