.grid-container {
  margin: auto;
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 1px;
  background-color: black;
  border-color: white;
  border-style: dotted;
}

html {

}

.theaterbg{
 background-image: url("/backgrounds/disc.png"); 

 
 background-repeat: repeat;
   text-align: center;
  flex-direction: column;
}

.bookshelfbg{
  background-image: url("/backgrounds/024C.png");
  
   background-repeat: repeat;
   text-align: center;
  flex-direction: column;
}

.home:hover {

    transform: rotate(15deg);

}