/* global.css */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jersey+10&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #fcf8f6;
  font-family: "Montserrat", sans-serif;
  color: #2d3953;
  justify-content: center;
}

#sources a {
  color: #2d3953;

  text-decoration: none;
}
  
#sources a:hover {
  text-decoration: underline;
}

#sources h1{
  font-family: "Space Grotesk", sans-serif;
}

#about h1 {
  font-family: "Space Grotesk", sans-serif;
}

#footer h1 {
  font-family: "Space Grotesk", sans-serif;
}

h2 {
  font-size: 30px;
  font-family: "Space Grotesk", sans-serif;
}

p {
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 640px) {
  #about h1 {
    text-align: center;
  }

  #sources h1 {
    text-align: center;
  }
}