@import url(player.css);
@import url(headerandfooter.css);

body { 
    background-image: url("https://file.garden/aSVPPJYr-l7j19yl/Banner_Icon.jpg"); 
    color: white; 
    font-family: serif; 
    font-size: 18px; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-size: 1900px 950px ; 
    min-height: 1000px; 
  }
h1 { color: red; }
h2 { color: red; }
h3 { Color: red; }
h4 { color: red; }
a:link { color: rgb(237,91,81);  font-weight: bold; }
a:visited { color: rgb(237,91,81);  font-weight: bold; }
table, th, td { border: 5px solid red; }
hr { color: red }

.textbox { 
  width: 1000px; 
  display: block; 
  border: 5px solid red; 
  background-color: black; 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 70px; 
  margin-bottom: 70px; 
  padding: 25px; 
  text-align: center;
} 
/*Title Logo*/
.title {
  width: 1045px; 
  display: block; 
  margin-right: auto; 
  margin-left: auto; 
  margin-top: 40px; 
}
.title-logo { 
  width: 1045px; 
  display: block; 
  transition: transform 0.4s ease-in-out; 
  box-sizing: border-box; 
  margin-left: auto;
  margin-right: auto;
}
.title-logo:hover { 
  transform: scale(1.1); 
}
.title-logo:active { 
  opacity: 0.9; 
}
.title-image { 
  border: 7px solid red; 
  width: 1350px; 
  text-align: center; 
  margin-bottom: 100px; 
}
/*Subtitle Logo*/
.subtitle-logo { 
  width: 850px; 
  display: block; 
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
/*texts*/
.introductory-text { 
  font-size: 20px; 
  text-align: center; 
  margin-left: auto;
  margin-right: auto; 
  width: 800px;
}