@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
/* Above is the Font Awesome CSS to display the Pause and Play buttons! */
.autoplayer button {
  background: #71afff;
  cursor: pointer;
  color: #ffe497;
  border: none;
  padding: 5px;
  font-size: 18px;
  height: 35px;
  width: 30px;
}
.buttondiv{
  border-style: solid;
  border-color: #004aff ;
  background: #71afff;
  margin-right: 10px;
}
.autoplayer a {
  background: #71afff;
  text-decoration: none;
  font-size: 14px;
  color: #ffe497;
}
body{
  background-color: #c40000;
}
p{
  font-family: "Offside", sans-serif;
  font-weight: 400;
  font-style: normal;
}
main{
  margin-left: 400px;
  width: 900px;
  display: flex;
  background-color:#c40000;
  color: #ff6868;
  border-style: ridge;
  border-color:#ffe497;
  border-width: 20px;
  left: 300px;
}
.div1{
 padding: 10px;
}
header{
  margin-top: 30px;
  margin-left: 400px;
  width: 900px;
  display: table;
  background-color: black;
  border-style: ridge ridge ridge outset;
  border-color: #ffe497;
  border-width: 20px;
}
button{
  background-color: #71afff;
  color: #ff6868;
  width: 450px;
  border-style: double;
  border-width: 6px;
  border-color: #004aff;
}
button:hover{
  color:#004aff;
  border-color: #71afff;
  background-color: #ff6868;
}
.div2{
  padding-left: 5px;
}
table{
  text-align: center;
  margin-left: 80px;
  width: 100px;
  background-color: #004aff;
  border-style: solid;
  border-color:#004aff;
}
tr:nth-child(even) {
  background-color: #71afff;
}