body
{
  background: url("https://images.unsplash.com/photo-1665642636027-1f9d585931bc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=735&q=80");
  background-position: center; /* vertical options are, top, center, bottom. Horizontal options areleft, center right. You can use one vertical position and one horizontal */
  background-repeat: no-repeat;
  background-size: cover/* options are cover, contain, auto */;
  text-align: center;
}

#pageContainer
{
  margin: 3vw;
}

#title, #content, #bottomContent
{
  background-color: #FFFDD0;

  margin: 4vh 9vw;
  opacity: 0.6;
}

#title
{
  border-top-left-radius: 25%;
  border-top-right-radius: 25%;
}

#content
{
  border-radius: 15%;
  padding: 4vh;
}

#bottomContent
{
  border-bottom-left-radius: 25%;
  border-bottom-right-radius: 25%;
}

a
{
  color: black;
  font-weight: bold;
  list-style: none;
  text-decoration: none;
}

a:hover
{
  background-color: black;
  color: white;
  font-size: 1.25em;
  padding: 5px;
  margin: 5px;
}