.header {
  background-color: #030207;
  background-image: url("https://cdn.vox-cdn.com/thumbor/HF_sAj0TWz6W5czvAVLoaucQPj4=/0x0:3000x2342/1200x800/filters:focal(1514x843:1994x1323)/cdn.vox-cdn.com/uploads/chorus_image/image/67416245/640594548.jpg.0.jpg");
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
}
.header .title {
  color: white;
  text-align: center;
  font-size: 60px;
  text-shadow: 0 0 10px #bf0d3e;
}
.header img {
  width: 20%;
}
.content {
  margin-top: 20px;
  background-color: #fff;
}
.column .league-name {
  margin-bottom: 10px;
}
.teams {
  background-color: rgb(239, 240, 242);
  margin-left: 10px;
  margin-right: 20px;
  height: 25%;
}
.teams ul {
  list-style-type: none;
}
.teams ul li {
  margin-top: 1px;
}

.game-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}
.game-buttons button {
  margin-bottom: 15px;
  display:flex;
  justify-content:space-around;
  align-items: center;
  width:100%;
}
.todays-games {
  background-color: rgb(239, 240, 242);
  padding: 15px;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 727px) {
  .columns {
    flex-direction: column-reverse;
  }
  .teams {
    width: 100%;
    text-align: center;
  }
}
.team-logo {
  display: none;
}
.todays-games button:hover {
  box-shadow: 4px 4px 10px rgb(156, 152, 152);
}
/* AL Teams */
#bal:hover {
  background-color: #df4601;
}
#bal:hover a {
  color: #000000;
}
#bos:hover {
  background-color: #bd3039;
}
#bos:hover a {
  color: #0c2340;
}
#tam:hover {
  background-color: #092c5c;
}
#tam:hover a {
  color: #8fbce6;
}
#nyy:hover {
  background-color: #132448;
}
#nyy:hover a {
  color: #c4ced3;
}
#tor:hover {
  background-color: #144a8e;
}
#tor:hover a {
  color: #e8291c;
}
#cws:hover {
  background-color: #000000;
}
#cws:hover a {
  color: #c4ced4;
}
#cle:hover {
  background-color: #1a2e5a;
}
#cle:hover a {
  color: #e31937;
}
#det:hover {
  background-color: #f26722;
}
#det:hover a {
  color: #182d55;
}
#kcr:hover {
  background-color: #7bb2dd;
}
#kcr:hover a {
  color: #c0995a;
}
#min:hover {
  background-color: #002b5c;
}
#min:hover a {
  color: #d31145;
}
#hou:hover {
  background-color: #002d62;
}
#hou:hover a {
  color: #eb6e1f;
}
#laa:hover {
  background-color: #ba0021;
}
#laa:hover a {
  color: #003263;
}
#oak:hover {
  background-color: #003831;
}
#oak:hover a {
  color: #efb21e;
}
#sea:hover {
  background-color: #005c5c;
}
#sea:hover a {
  color: #ffc528;
}
#tex:hover {
  background-color: #003278;
}
#tex:hover a {
  color: #c0111f;
}

#bal:hover .team-logo,
#bos:hover .team-logo,
#tam:hover .team-logo,
#nyy:hover .team-logo,
#tor:hover .team-logo,
#cws:hover .team-logo,
#cle:hover .team-logo,
#det:hover .team-logo,
#kcr:hover .team-logo,
#min:hover .team-logo,
#hou:hover .team-logo,
#laa:hover .team-logo,
#oak:hover .team-logo,
#sea:hover .team-logo,
#tex:hover .team-logo {
  display: block;
}
/* NL Teams */
#atl:hover {
  background-color: #ce1141;
}
#atl:hover a {
  color: #000000;
}
#mia:hover {
  background-color: #000000;
}
#mia:hover a {
  color: #ff6600;
}
#nym:hover {
  background-color: #002d72;
}
#nym:hover a {
  color: #ff5910;
}
#phi:hover {
  background-color: #e81828;
}
#phi:hover a {
  color: #284898;
}
#was:hover {
  background-color: #15264e;
}
#was:hover a {
  color: #ab0003;
}
#chi:hover {
  background-color: #0e3386;
}
#chi:hover a {
  color: #cc3433;
}
#cin:hover {
  background-color: #c6011f;
}
#cin:hover a {
  color: #000000;
}
#mil:hover {
  background-color: #0a2351;
}
#mil:hover a {
  color: #b6922e;
}
#pit:hover {
  background-color: #000000;
}
#pit:hover a {
  color: #fdb827;
}
#stl:hover {
  background-color: #c41e3a;
}
#stl:hover a {
  color: #fdda00;
}
#ari:hover {
  background-color: #a71930;
}
#ari:hover a {
  color: #000000;
}
#col:hover {
  background-color: #33006f;
}
#col:hover a {
  color: #c4ced4;
}
#lad:hover {
  background-color: #fff;
}
#lad a:hover {
  color: #005a9c;
}
#sdp:hover {
  background-color: #ffc425;
}
#sdp:hover a {
  color: #002d62;
}
#sfg:hover {
  background-color: #fd5a1e;
}
#sfg:hover a {
  color: #000000;
}
#atl:hover .team-logo,
#mia:hover .team-logo,
#nym:hover .team-logo,
#phi:hover .team-logo,
#was:hover .team-logo,
#chi:hover .team-logo,
#cin:hover .team-logo,
#mil:hover .team-logo,
#pit:hover .team-logo,
#stl:hover .team-logo,
#ari:hover .team-logo,
#col:hover .team-logo,
#lad:hover .team-logo,
#sdp:hover .team-logo,
#sfg:hover .team-logo {
  display: block;
}