.carousel-item{
    height:70vh;
    justify-content: center;
    margin: 30px 3opx;
}

.gridback{
    border-radius: 10px;
    padding: 30px 30px;
    background-color: aliceblue;
}
.gridback-2{
    border-radius: 10px;
    padding: 30px 30px;
    background-color: aliceblue;
}
.card:hover{
    opacity: 0.7;
}
footer{
    padding:20px 0px;
    margin-bottom: 0%;
}
.container{
    padding: 20px;
}
.carousel-inner{
    height: 80vh;
    
}
#item-list{
    width: 500px;
    height: 600px;
    max-width: 80vw;
}
#sub
{
    border-color: rgb(13, 139, 248);
    border-radius: 8px;
    width: 90px;
    background-color: rgb(255, 255, 255);
    font-size: 20px;
    height: 40px;
}
/* background-color: rgb(13, 139, 248); */
#sub p{
    align-items: center;
    justify-content: center;
    padding: 1px;
}
#sub:hover{
    color: white;
    background-color:rgb(14, 142, 255) ;
}
#sub p:hover{
    color: white;
    align-items: center;
    justify-content: center;
}
#search{
    width: 30vw;
}
@media screen and (max-width: 760px) {
    .carousel-inner{
        height: 30vh;
    }
    #search{
        width: 83vw;
    }
    #item-list{
        width: 390px;
        height: 400px;
    }
}
@media screen and (max-width: 983px) {
    #search{
        width: 83vw;
    }
}
@media screen and (max-width: 400px) {
    .carousel-inner{
        height: 30vh;
    }
    #item-list{
        width: 270px;
        height: 400px;  
    }
    #search{
        width: 83vw;
    }
}