@import "style.css";
@import "header.css";
@import "footer.css";

.enroll_button{
  width: 260px;
  font-size: 8pt;
  margin-top: 30px;
  background:#52688a;
  border-radius:8px;
  color:white;
  font-weight: lighter;
}

.enroll_button:hover {
  background-color: #52688a;
  font-weight: bold;
  color: black;
}

.enroll_button:focus { outline: none;}

.enroll_button:active {
  color:black;
  background-color: #52688a;
  transform: translateY(4px);
}

.enroll_button_disabled{
  width: 260px;
  font-size: 8pt;
  margin-top: 30px;
  background-color: #787879;
  border-radius:8px;
  font-weight: lighter;
  color: rgb(196, 195, 195);
}

/* Google Form */
.keepmeinformed_button{
  width: 260px;
  font-size: 8pt;
  margin-top: 30px;
  background: yellow;
  border-radius:8px;
  color:darkgray;
  font-weight: lighter;
}

.keepmeinformed_button:hover {
  background-color: orange;
  font-weight: bold;
  color: black;
}

.keepmeinformed_button:focus { outline: none; background-color: #brown; }

.keepmeinformed_button:active {
  color:black;
  background-color: orangered;
  transform: translateY(4px);
}

.keepmeinformed_button_disabled{
  width: 260px;
  font-size: 8pt;
  margin-top: 30px;
  background-color: #787879;
  border-radius:8px;
  font-weight: lighter;
  color: rgb(196, 195, 195);
}

/* Showcase */
#showcase{
  padding: 10px;
  min-height: 100%;
  background: url('../img/featured-video_games.jpeg') top;
  box-shadow: 0 0 8px 8px #2d2f33 inset;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

#showcase h1{
  margin-top:10px;
  font-size:55px;
  margin-bottom:10px;
}

#showcase p{
  font-size:30px;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px;
margin-left: 5px;
margin-right: 5px;
opacity: 0.9;
}

.transport_button{
  border: none;
  background-color: black;
  color: white;
  margin-bottom: 0;
  margin-top: 0;
}

.transport_button:hover {
  font-weight: bold;
  color: #52688a;
}


@media (max-width: 1080px) {
  .enroll_button{
    width: 200px;
    margin-bottom: 10px;
    padding-top: 0;
  }
}

@media (min-width: 1080px) {
  .enroll_button{
    width: 200px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1450px) {
  #showcase {
    padding: 100px;
  }
}

/* Specials */
.content_box{ /* borrowed from Gallery, this provides a rounded-corners box for messages */
    background-color: rgb(83, 83, 83);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 5px;
	font-size: 100%;
	margin-left: 5px;
	margin-right: 5px;
  margin-top: 5px;
	opacity: 0.86;
  }