*{
   margin: 0;
   padding: 0;
}

.containerdiv{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   width: 100vw;
}

.container{
   width: 50%;
   height: 50%;
   background-color: #F5F5F5;
   box-shadow: 5px 5px 20px #88232323;
   border: 1px solid #D9D9D9;
   border-radius: 16px;
   padding: 16px;
}

.grid{
   display: grid;
   height: 100%;
   width: 100%;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr;
   text-align: center;
   row-gap: 8px;
   column-gap: 8px;
}

.grid-one{
   background-color: white;
   height: 100%;
   width: 100%;
   grid-column-start: 1;
   grid-column-end: 1;
   border-radius: 16px;
}
.grid-two{
   background-color: white;
   height: 100%;
   width: 100%;
   grid-column-start: 2;
   grid-column-end: 2;
   border-radius: 16px;
}
.grid-three{
   background-color: white;
   height: 100%;
   width: 100%;
   grid-column-start: 3;
   grid-column-end: 3;
   border-radius: 16px;
}
.grid-four{
   background-color: white;
   height: 100%;
   width: 100%;
   grid-row-start: 2;
   grid-row-end: 2;
   grid-column-start: 1;
   grid-column-end: 1;
   border-radius: 16px;
}
.grid-five{
   background-color: white;
   height: 100%;
   width: 100%;
   grid-row-start: 2;
   grid-row-end: 2;
   grid-column-start: 2;
   grid-column-end: 2;
   border-radius: 16px;
}
.grid-six{
   background-color: white;
   height: 100%;
   width: 100%;
   grid-row-start: 2;
   grid-row-end: 2;
   grid-column-start: 3;
   grid-column-end: 3;
   border-radius: 16px;
}

.img{
   max-height: 128px;
   max-width: 128px;
}

.hover{
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 5px 5px 5px #28282822;
   font-size: 1.5em;
}

.hover > div{
   justify-items: center;
}

.hover:hover{
   scale: 1.05;
   cursor: pointer;
   box-shadow: 5px 5px 15px #28282855;
}

 @media (orientation: portrait){
   .container{
      width: 90%;
      height: 50;
      background-color: #F5F5F5;
      box-shadow: 5px 5px 20px #88232323;
      border: 1px solid #D9D9D9;
      border-radius: 16px;
      padding: 16px;
   }
 }