body {
  background-image:url(/images/scaryseal.jpg);
  background-size: cover; 
  display: grid;
  place-items: center; /* Centers everything horizontally and vertically */
  align-content: center; /* Ensures content groups don't break during resize */
}

/*filter: blur(8px) grayscale(50%);*/

h3 {
  font-family: 'Silkscreen', sans-serif;
  text-align: center;
  font-weight: 1000;
  font-style: normal;
  font-size: 40px;
  color: #ff0008
}

#extratext {
  position: relative;
  border: 1px solid #ccc;
}

p {
  position: absolute;
  bottom: 0;                 /* Pins text to the bottom edge */
  left: 50%;                 /* Moves left edge to the middle of container */
  transform: translateX(-50%); /* Shifts element back by half its own width */
  margin: 0;
  text-align: center;
}