body{
background: url(../images/giphy.gif) ;
max-height:max-content;
}
.responsive {
  width: 100%;
  height: auto;
}

#logo{

	height:60px;  
    
}
.logo-row {
  text-align: center;
}
ul {
  overflow:hidden;
  margin: auto;
  padding: 0;
  height:40px;
  border-radius: 25px;
  width: max-content;
  
   
}
#box{
  /*box-sizing: content-box;  */
  width: 20px;
  height: 20px;
  color:#fff;
  background-color:#000;
 padding:10px;
  text-align:center;
  font-family: "Bookman Old Style",  serif;
  font-style: italic;
  font-size:20px;
  font-weight:bold;
  border-radius: 10px ;
 
}


li {
    
  float: left;

}

li a {
  display:inline-block;
  color: white;
  justify-content: center;
  padding: 14px 16px;
  text-decoration: none;
  
  font-size: 12px;
  font-weight:bold;
  font-family: "Trirong", sans-serif;
  text-decoration: underline ;
  text-shadow: 2px 2px 10px gold;
  
}

li a:hover {
    
  
}


table, th, td {
 
  border-collapse: collapse;
  font-size: 12px;
  font-weight:bold;
  align-items: center;
  margin: auto;
 width: 200px;
 padding:4px;
      padding-left: 6px;

  
  

  
}


th, td {
  
  text-align: center;
  
}

h1,h2,h3,h4{

color:#fff;		
text-align: center;
font-size: 12px; 
border-color: white;
font-family: "Audiowide", sans-serif;


}



.card {
/*width: 300px;*/
margin-top: 1px;
margin: auto;
align-items: center;
border-radius: 20px;

}

.card-body{
    
  text-align: center;
  
}
.card1{

max-width: 100%;
	background-color: #23383F;
	
	
	align-items: center;
}
.card7 {
  
color:#fff;
padding-top:10px;
max-width: 60%;
height: auto;
margin:auto;

align-items: center;
border-radius: 20px;
font-weight:bold;
font-family: "Trirong", sans-serif;
text-shadow: 2px 2px 4px gold;

}
.card7 td{

  text-align: left;
}
.mar{
font-size: 12px;
color:white;
text-transform: uppercase;
font-family: "Audiowide", sans-serif;
text-shadow: 2px 2px 4px black;
}
#footer{

background-color: #FFAB40;
text-align: center;
padding:auto;
}