/* How the grid or images will be displayed */
.grid-container{
    /* Affects how going outside the bounds of the div or whatever will scroll 
        - auto makes it so it dosent expand the div just scroll in it*/
    overflow-y:auto;
    /* How many rows there will be in the grid */
    grid-template-columns: auto auto auto auto auto auto;

  }
/* How the actual images will be displayed */
.grid-item{
    max-width: 10vw;  
    max-height: 10vw;  
    max-width: .3s;
    padding: 5px;
  }


/* TagGroup can be colored making css classed with the the same names as the group names (Case sencitive) */
.Meta{
  color: rgb(0, 0, 0);
}

.Character{
  color: blueviolet;
}





/* Once agin just a way to style the display viewer thing, feel free to change if u want */
.displayer{
  position: absolute;
  background-color: cornflowerblue;
  top: 1.5%;
  left: 11.4%;
  width: 87.5%;
  height: 97%;
  overflow: auto;
}


/* makes the tags look clickable */
.tag{
  text-decoration: underline;
  font-style: normal;
}

.tag:hover{
  font-style: italic;
}

#PageSelector{
  text-align: center;
}