body{
  background-image: linear-gradient(to right, #1E1E21, #04001C);
  background-size: cover;
}
h1{
  text-align: center;
  font-size: 32pt;
  color: white;
}

.textwrap{
  width: 700px;
  justify-content: center;
  
  margin-left: auto;
  margin-right: auto;
}
.summary{
  text-align: center;
  font-size: 18pt;
  color: white;
}

.main{
  width: 650px;
  height: 1400px;
  background-color: aliceblue;
  display: block;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  display: flexbox;
  align-items: center;
  box-shadow:  5px 5px 5px lightblue,
  -5px 0px .4em lightcoral;
}

.HomeBtn{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  border: 1px solid black;
  background-color: lightblue;
  border-radius: 50px ;  
  height: 40px;
  width: 180px;
  font-size: 18pt;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-top: 10%;
}

.test{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  border: 1px solid black;
  background-color: lightgreen;
  border-radius: 10px ;  
  height: 40px;
  width: 180px;
  font-size: 14pt;
  justify-content: center;
  align-items: center;
  
  margin-bottom: 1%;
}

.pastGameRow{
  display: flex;
 padding-top: 1%;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  height: 70px;
}
.archiveButtons{
  
  border: 3px solid lightblue;
  background-color: black;
  border-radius: 10px ;  
  height: 60px;
  width: 220px;
  font-size: 18pt;
  margin-bottom: 1%;
  
  color: white;
  
}

h3{
  margin-left: 15px;
 font-size: 16pt;
}

#today{
  
  background-color: white;
  color: black;
  border: 4px solid #0c207a;
}



@media (max-width: 700px){


body{
  background-image: linear-gradient(to right, #1E1E21, #04001C);
  background-size: cover;
}
h1{
  text-align: center;
  font-size: 26pt;
  color: white;
}

.textwrap{
  width: 400px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.summary{
  text-align: center;
  font-size: 11pt;
  color: white;
  width: 80%;
}

.main{
  max-width: 650px;
  width: 80%;
  height: 680px;
  background-color: aliceblue;
  display: block;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  display: flexbox;
  align-items: center;
  box-shadow:  5px 5px 5px lightblue,
  -5px 0px .4em lightcoral;
}

.HomeBtn{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  border: 1px solid black;
  background-color: lightblue;
  border-radius: 20px ;  
  height: 20px;
  width: 90px;
  font-size: 12pt;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-top: 10%;
}

.test{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  border: 1px solid black;
  background-color: lightgreen;
  border-radius: 10px ;  
  height: 20px;
  width: 90px;
  font-size: 11pt;
  justify-content: center;
  align-items: center;
  
  margin-bottom: 1%;
}

.pastGameRow{
  display: flex;
 padding-top: 1%;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  height: 60px;
}
.archiveButtons{
  
  border: 3px solid lightblue;
  background-color: black;
  border-radius: 10px ;  
  height: 50px;
  width: 140px;
  font-size: 11pt;
  margin-bottom: 5px;
  
  color: white;
  
}

h3{
  margin-left: 15px;
 font-size: 16pt;
}

#today{
  
  background-color: white;
  color: black;
  border: 4px solid #0c207a;
}



}