body {
 background-color: #521B1B;
 color:#F9E7C3;
 font-size:30px;
 font-family:serif;
}

.info{
  border-style:solid;
  border-width:8px;
  border-color:#C76161;
  background-image:linear-gradient(#A14646,#782C2C);
  padding:5px;
}
.stats{
  max-width:300px;
  margin:auto;
  border-style:solid;
  border-width:8px;
  border-color:#C76161;
  background-image:linear-gradient(#A14646,#782C2C);
  font-size:20px;
  padding:5px;
}
a:link {
    color:#CA7D67;
    text-decoration:none;
  }
  a:visited {
    color:#B17B5A;
    text-decoration: none;
  }
  a:hover {
    color:#F3C297;
    text-decoration:underline;
  }
  a:active{
    color:#9B6A57;
  }
  .tabcontent {
    display: none;
}

.tabcontent:target {
    display: block;
}
table, th, td {
  border: solid 3px;
  border-collapse:collapse;
  padding:5px;
  font-size:25px;
}
th{
 background-color:#7B1F1F; 
}
td{
 background-color: #6C2323;
}
 ul{
        font-size:30px;
        text-align:center;
      }
li{
        display:inline;
        list-style-type:none;
        background-color:#B41C83; 
        padding:5px;
      }
      
  .header {
      padding: 30px;
      text-align: center;
      background-color:#ED70D0;
    }
    
.collapsible {
background-color: rgba(0,0,0,0);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
   color:#F9E7C3;
 font-size:30px;
 font-family:serif;
  
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

.gallery{
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-start;
}
.galleryimage{
  width:100%;
  height:auto;
  }
  
  img{
   max-width:100%;
   height:auto;
  }
@media only screen and (max-width: 600px) {
  h1{
    font-size:30px;
  }
  .tableholder{
    overflow-x:auto;
  }
}