body{
    background-image: url(background1.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}
#item-0:hover{
 transform: rotate(360deg);
}
#item-1:hover{
 transform: rotate(360deg);
}
#item-2:hover{
 transform: rotate(360deg);
}
#item-3:hover{
 transform: scale(2);
}
#item-4:hover{
 transform: rotate(360deg);
}
#item-5:hover{
 transform: rotate(360deg);
}
#item-6:hover{
 transform: rotate(360deg);
}
.angry-grid1 {
   display: grid; 
   grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 180px;
   height: 100%;
}
#item-0 {
   background-color: #977e69; 
   border: 4px solid black;
   grid-row-start: 1;
   grid-column-start: 3;
   grid-row-end: 3;
   grid-column-end: 5;
   background-image: url(WW.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   transition: transform 2s;
}
#item-1 {
   border: 4px solid black;
   background-color: #123318; 
   grid-row-start: 1;
   grid-column-start: 7;
   grid-row-end: 3;
   grid-column-end: 9;
   background-image: url(MM.JPG);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   transition: transform 2s;
}
#item-2 {
   border: 4px solid black;
   background-color: #1c454d; 
   grid-row-start: 3;
   grid-column-start: 1;
   grid-row-end: 5;
   grid-column-end: 3;
   background-image: url(TP.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   transition: transform 2s;
}
#item-3 {
   border: 4px solid black;
   background-color: #7e612d; 
   grid-row-start: 3;
   grid-column-start: 5;
   grid-row-end: 5;
   grid-column-end: 7;
   transition: transform 2s;
}
#item-4 {
   border: 4px solid black;
   background-color: #f0d666; 
   grid-row-start: 3;
   grid-column-start: 9;
   grid-row-end: 5;
   grid-column-end: 11;
   background-image: url(SS.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   transition: transform 2s;
}
#item-5 {
   border: 4px solid black;
   background-color: #578378; 
   grid-row-start: 5;
   grid-column-start: 3;
   grid-row-end: 7;
   grid-column-end: 5;
   background-image: url(BOTW.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   transition: transform 2s;
}
#item-6 {
   border: 4px solid black;
   background-color: #88c9d4; 
   grid-row-start: 5;
   grid-column-start: 7;
   grid-row-end: 7;
   grid-column-end: 9;
   background-image: url(TOTK.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   transition: transform 2s;
}
#item-7 {
   border: 4px solid black;
   background-color: #8b8585; 
   grid-row-start: 7;
   grid-column-start: 1;
   grid-row-end: 9;
   grid-column-end: 11;
   }