.listItem{
    display: flex;
    flex-direction: row;
    background-color: white;
    border-radius: 25px;
    width: 100%;
    transition: 0.3s ease-in;
    padding: 10px 5px;
    margin-bottom: 10px;
    animation: fadeIn 0.3s;
    justify-content: space-around;
}
.divS{
    margin-right: 20px;
    border-radius: 25px;
    
    box-shadow: 1px 3px 5px wheat;
}
.mainSide{
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.sideDate{
    font-size: 2em;
    width: 20%;
    display: flex;
    flex-direction: column;
    
    justify-content: center;
}
.titleSpan{
    font-size: 2em;

}
.sideBtn{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sideBtn button{
    width: 7em;
}
.weekDay{
    text-align: start;
}
.time{
    font-size: large;
}
@media (max-width:600px){
    .weekDay{
        font-size: large;
    }

    .titleSpan{
        font-size:1.5em;
        overflow: hidden;
    }
    .desSpan{
        overflow: hidden;
        font-size: 0.8em;
    }
}
@keyframes fadeIn {
    0%{opacity: 0%;}
    20%{opacity: 20%;}
    40%{opacity: 40%;}
    60%{opacity: 60%;}
    80%{opacity: 80%;}
    100%{opacity: 100%;}
}