/* 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;
    margin-bottom: 15px;

  }
/* How the actual images will be displayed */
.grid-item{
    padding: 5px;
  }
  
  .grid-item:hover {
    cursor: pointer;
    outline: 1px red solid;
    outline-offset: -5px;
  }





/* Once agin just a way to style the display viewer thing, feel free to change if u want */
.displayer{
  position: fixed;
  background-color: black;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-scrollbar-width: thin;
  scrollbar-width: thin;
  padding-top: 50px;
}




/* makes the tags look clickable */
.tag {
  text-decoration: none;
  color: red;
}
.tag:hover {
  text-decoration:underline;
  cursor: pointer;
}