@import url('https://fonts.googleapis.com/css2?family=Mynerve&family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap');

body {
  /*
  font-family: 'Rock Salt', cursive;

    font-family: 'Mynerve', cursive;

  */
  font-family: 'Saira Stencil One', cursive;
  background-image: url('img/background.jpg');
  
  background-size: cover; /* This will resize the image to cover the whole body element */
  background-position: center center; /* This will position the image at the center of the body element */
  background-attachment: fixed; /* This will fix the position of the image, so it doesn't move as the user scrolls */
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}



.largeText {
  font-size: 4rem;
  color: black;
  font-weight: bold;


}
.smallText {
  font-size: 1rem;
  color: blue;
  font-weight: bold;

}

div {

  text-align: center;
  outline: 0px solid blue;
  margin-top: 0px;

}


h1 {
  color: black;
  text-align: center;
  font-size: 4rem ;
  outline: 0px solid blue;
  margin-bottom: 0%;
  margin-top: 0%;
  text-shadow: 1px 1px 0px white;
}

h2 {
  text-align: center;
  text-shadow: 1px 1px 0px white;
}


p {
  margin-top: 0%;
  text-align: center;

  font-size: 1rem ;
  font-weight: bold;

  color: blue;
  outline: 0px solid blue;

}