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

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

  background-image: url('./img/background.png');
  background-color: black;

  
  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%;
}
.translucent-box {
  border-radius: 10px;
  background-color: rgba(240, 240, 240, 0.569);
  padding: 20px;
  opacity: 0.9;
  width: 12rem;
  /*
  width: 200px;
  */
  margin: 0 auto; 
  margin-top: 1rem;

}
.translucent-box h1{
  font-size: 1rem;
}

.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: 0 0 2px white, 0 0 4px white, 0 0 6px white; */
  /* text-shadow: 1px 1px 3px white, -1px -1px 3px white; */
  text-shadow: 1px 1px 0px white;
  /* text-shadow: -1px 0px 0 white; */
}

h2 {
  text-align: center;
  /* text-shadow: 0 0 2px white, 0 0 4px white, 0 0 6px white; */
  /* text-shadow: 0 0 6px white; */
  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;

}

/* text {
  text-shadow: 1px 0 0px white;
} */