body {
  /* Location of the image */
  background-image: url(images/diver-photo.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #1e1f20;

  font-family: 'Titillium Web', sans-serif;
}

announce {
  /* background: black; */
  color: white;
  /* border-radius: 1em; */
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  padding: 1em 2.5em 1em 2.5em;
  font-size: 2em;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) 
}

div.site-title {
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
  height: 3em;
  /* padding: 10px; */
}

div.site-title p {
  font-size: 1.6em;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center
}