body{
    background-color: rgb(17,24,39);
}
@media (max-width:500px){
    .box{
        font-size:10px;
        line-height: 10px;
    }
    .saveetha{
        margin-top:20px;
    }
}
.edi{
   display: grid;
   grid-template-columns: repeat(auto-fit,minmax(260px,auto));
   justify-content: center;
   align-content: center;
   gap:1.5rem;
}
.edi img{ 
    width:200px;
    height:200px;
    border-radius: 10px;
    filter: drop-shadow(8px 8px rgba(0, 0, 0, 0.452));
}
.edi img:hover{
    opacity: 0.8;
}
.start{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,auto));
    justify-content: center;
    gap:1.5rem;
}
.start img{
    height: 200px;
    width:200px;
    border-radius: 10px;
    filter: drop-shadow(8px 8px rgba(0, 0, 0, 0.452));
}

.start img:hover{
    opacity:0.7;
}
.acc{
   display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,auto));
    justify-content: center;
    gap:1.5rem;
}
.acc img{
    height: 200px;
    width: calc(25%-10px);
    border-radius: 10px;
    filter: drop-shadow(8px 8px rgba(0, 0, 0, 0.452));   
}
.acc img:nth-child(n+5){
    width: calc(33.33%-10px);
}
.acc img:hover{
    opacity:0.7
}
@media(max-width:500px){
    .edi,.start,.acc{
        margin-left:18%;
    }
}