.carousel-item{
    height:70vh;
    justify-content: center;
    margin: 30px 3opx;
}
#carouselExampleControls{
    padding: 20px 10px;
}
.gridback{
    border-radius: 10px;
    padding: 30px 30px;
    background-color: aliceblue;
}
.gridback-2{
    border-radius: 10px;
    padding: 30px 30px;
    background-color: aliceblue;
}
footer{
    padding:20px 0px;
    margin-bottom: 0%;
}
.card{
    padding: 20px 20px;
}
#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;
}
.container{
    padding: 20px;
}
#item-list{
    width: 500px;
    height: 600px;
}
#search{
    width: 30vw;
}
@media screen and (max-width: 983px) {
    #item-list{
        width: 100vw;
        height: 400px;
    }
    #search{
        width: 83vw;
    }
}
@media screen and (max-width: 760px) {
    .carousel-inner{
        height: 30vh;
    }
    #item-list{
        width: 100vw;
        height: 400px;
    }
    #search{
        width: 83vw;
    }
}
@media screen and (max-width: 400px) {
    .carousel-inner{
        height: 30vh;
    }
    #item-list{
        width: 270px;
        height: 400px;
    }
    #search{
        width: 83vw;
    }
}