@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitcount+Grid+Double:wght@100..900&display=swap');
div {
display: inline-block;
font-size:35px;    
}

h1 {
font-size:45px;
font-family:'Bitcount Grid Double';    
}

html {
background-color:darkslategrey;
color:antiquewhite;
}

a {
color:antiquewhite;
text-decoration:none;    
}

h2 {
border: 4px solid darkseagreen;    
}

.container {
display:flex;    
}

.gif-container {
    border:none;
}

.bordered-image{
    border: 4px solid darkseagreen;
    margin-left:25px;    
}

p{
    font-family:'IBM Plex Mono';
    font-size:25px;
    font-style:bold;
    text-align:center;
    margin-left:25px;
    margin-right:25px;    
}
li{
    font-family:'IBM Plex Mono';
    font-size:25px;
    font-style:bold;  
}

.navbar ul{
  display: flex;
  margin: 0;
  padding: 14px 16px;
  list-style-type: none;
  background-color: #333333;
  float:right;
}

.navbar ul li a{
    color: antiquewhite;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar ul li a:hover {
  background-color: darkseagreen;
}
.statslist {
    background-color:none;
    display:block;    
}

.footer {
    position:static;
    left:0;
    bottom:0;
    width:100%;
    background-color:#333333;
    color:antiquewhite;
    text-align:center;
}

.thumbnailgrid {
    object-fit:fill;
    display:flex;   
}