main{
    margin-top: 102px;
}

.card{
   background-color: rgb(232, 240, 242);
    width: 97vw;
    margin: 18px auto;
    overflow: hidden;
    border-radius: 18px;
    
}

.cards{
    display: flex;
    justify-content: center;
    padding-bottom: 17px;
    

    /* display: grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content: center; */
    
}
.card-item{
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    margin: 0px 9px;
    cursor: pointer;
    
}

.card-item img{
    border-radius: 13px;
    transition: all .75s ease;
}

.card-item img:hover{
    opacity: 0.7;
    transform: scale(0.9);
    
}
.card h2{
    font-family: 'Ubuntu Condensed', sans-serif;
    height: 13px;
    padding-left: 23px;
}

.card h3{
    padding-left: 23px;
    margin-bottom: 19px;
}