#mySummer {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  height: auto;
  width: 500px;
  z-index: 999;
  background-color: #fff;
  opacity: .75;
  padding: 30px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 64px;
  text-align: center;
  border-radius: 12px;
}

#banner {
  width: 778px;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  background-color: #fff;
  opacity: .75;
  font-size: 72px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
  color: #000;
  z-index: 999;
  text-align: center;
  border-radius: 12px;
}
.red-text { color: red; }
.blue-text { color: blue; }
.yellow-text { color: #f1c40f; }

#myPic {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: -999;
  object-fit: cover;
}

#credits {
  position: fixed;
  bottom: 10px;
  left: 10px;
  font-family: monospace;
  font-size: 12px;
  color: #000;
  z-index: 999;
  background-color: #fff;
  opacity: .75;
  padding: 5px;
}