body {
  max-width: fit-content;
  margin: auto;
}

#title {
  font: 400 16px/1.5 "Merriweather", serif;
}

.time {
  background-color: #c8c8c8;
}

.game_time {
  background-color:#fffca3;
}

br {
  margin-bottom: .5em;
}

p {
  margin: 0px;
}
/* table styling */
.content-table {
    border: 1px solid gray;
    margin: 25px 0;
    font-size: 0.9em;
    min-width: 400px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    max-width: min-content;
  }
  
  
  .content-table tr:nth-child(1) {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
  }
  
  .content-table th,
  .content-table td {
    padding: 5px 5px;
    text-align: center;
    border: 1px solid gray;
    

  }
  
  .theader {
    font-weight: bold;
  }

  img {
    width: 60px;
    height: auto;
    
  }
  
  /* end table styling */

/** Site header */
.site-header { border-bottom: 2px solid #e8e8e8; min-height: 55.95px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; margin-bottom: 0; float: left; }

.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 54px; }

.site-nav .nav-trigger { display: none; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { color: #111; line-height: 1.5; }

.site-nav .page-link:not(:last-child) { margin-right: 20px; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: #111; text-decoration: underline; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }