*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
/*general css*/
.d-flex{
    display: flex;
}
.marker-none{
    list-style: none;
}
.red-bg{
    background-color: #e25e74;
}
/*specific css*/
.main-container{
    justify-content: center;
    flex-wrap: wrap;
    border: 1px red solid;
    border-radius: 15px;
    margin: 15px;
    max-width: 1000px;
    justify-self: center;
}
.sub-container{
    flex-wrap: wrap;
    border-radius: 10px;
    background-color: white;
    box-shadow: 1px 1px 5px #dcdcd2;
    width: 250px;
    height: 150px;
    margin: 10px;
    justify-items: flex-start;
    padding-left: 10px;
}
.icon-container{
    justify-content: left;
    align-items: center;
    gap: 10px;
    width: 100%;
}


.icon{
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.link{
    text-decoration: none;

}
.sub-container:hover{
    border: 1px solid orangered;
}