/* set site background */
body {
  /* set background color, if image is unavailable */
  background-color: white; 
  /* set background image */
  background-image: url('https://daydreamhour.neocities.org/images/background.png'); 
  background-attachment: fixed; 
}

/* set header 1 style */
h1 {
  color: sienna; 
  font-size: 18px; 
  font-family: outfit, courier, "Courier New"; 
  margin: 5px;
}

/* set header 2 style */
h2 {
  color: sienna; 
  font-size: 14px; 
  text-decoration: underline; 
  font-family: outfit, courier; 
  margin: 5px;
} 

/* set paragraph style */
p {
  color: saddlebrown; 
  font-size: 13px; 
  font-family: outfit, courier; 
  margin: 5px;
}

/* set grid properties */
.warningbox {
  display: flex; 
  flex-flow: nowrap; 
  position: absolute;
  overflow: hidden;
  width: 100vh; 
  height: 90vh; 
  justify-content: center;
  align-items: center;
}

.warningbox > div {
  border-radius: 25px;
  border: 30px solid white; 
  background-color: white; 
  text-align: center;
}

/* set grid properties */
.container-flex {
  display: flex;
  height: 500px;
  flex-flow: row wrap; 
  margin: auto; 
  justify-content: flex-start;
} 

/* set box properties */
.container-flex > div {
  background-color: white;
  margin: 2px; 
  border: 1px solid black;
  text-align: left; 
}

/* aligns stamps to the center of the boxes while allowing them to stay in the same row */
#stampsMain {
  padding: 0;
  margin-left: auto;
  margin-right: auto; 
  margin-top: 5px; 
  text-align: center;
}

#stampsMain img {
  vertical-align: middle;
}