body {
  align-content: center;
  background-image: url(tropical-background.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.main {
  text-align: center;
  color: white;
}

#header1 {
  font-weight: bold;
  font-size: 75px;
  margin-top: -2px;
  text-shadow: 2px 2px 2px #7be09b;
}

#header2 {
  font-weight: bold;
  font-size: 45px;
  text-shadow: 2px 2px 2px #7be09b;
  margin-top: -2px
}

.text {
  font-weight: bold;
  font-size: 20px;
  margin-top: -30px;
  text-shadow: 2px 2px 2px #000000;
}

.box {
  text-align: center;
  color: white;
}

ul {
  text-align: center;
  list-style-position: inside;
  font-weight: bold;
  font-size: 20px;
  text-shadow: 2px 2px 2px #000000;
}

#palmtreeleft {
  position: absolute;
  left: 150px;
  top: 200px;
}

#palmtreeright {
  position: absolute;
  left: 800px;
  top: 200px;
}

#emoji {
  position: absolute;
  background: url(jaylaugh.gif);
  background-size: auto 100%;
  background-repeat: repeat-x;
  height: 50px;
  width: 100%;
  top: 550px;
}