body {
    background-image: url("images/clemsonstadium.jpeg");
    background-color: #B9DDE7;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Arial, sans-serif;
}

h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
}
.btn {
color: #ffffff;
background-color: #522D80;
border: none;
}
.btn:hover {
  background-color: #F56600;
  color: white;
}
.box {
  opacity: 1.0;
  background-color: #522D80;
  width: 100%;
  height: 600px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-radius: 25px;
}

@media only screen and (min-width: 500px) {
  .box {
    width: 80%;
    height: 80%
  }
}