#livestream-schedule {
    width: 96%;
    margin: 0px 2%;
}

#livestream-schedule > #schedule-head {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5rem;
}

#livestream-schedule > #schedule-head > #schedule-week {
    background-color: #a78982;
    color: #4F3B3A;
    font-weight: bold;
    border: #e7d9d7 3px solid;
    border-radius: 15px;
    padding: 0.1rem 1rem;
    margin: 0px;
}

#livestream-schedule > #schedule-head > #schedule-week > p{
    display: inline-block;
    color: whitesmoke;
    margin: 0px;
}

#livestream-schedule > #schedule {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
}

@media only screen and (max-width: 750px){
    #livestream-schedule > #schedule {
        flex-wrap: wrap;
    }
}

#livestream-schedule > #schedule > div {
    flex: 1;
    background-color: #4F3B3A;
    border-radius: 20px;
    min-inline-size: 0;
    min-width: 40px;
    transition: 0.2s;
}

#livestream-schedule > #schedule > div:hover {
    box-shadow: -1px 1px 5px rgba(255, 255, 255, 0.5);
}


#livestream-schedule > #schedule > div > h2 {
    border-radius: 20px 20px 0px 0px;
    background-color: #DFD2CF;
    color: #74514b;
    margin: 0px;
    padding: 0.5rem 1rem;
}

.day-past > h2 {
    background-color: #928481 !important;
    color: #d4c0bd !important;
}

.day-today > h2 {
    background-color: #a78982 !important;
    text-shadow: 1px 1px 4px #e6d3d1;
}

.day-future > h2 {

}

#livestream-schedule > #schedule > div > div {
    display: grid;
}

#livestream-schedule > #schedule > div > div > img {
    grid-area: 1 / 1 / 6 / 6;
    border-radius: 0px;
    margin: 0;
    margin-bottom: 2vh;
    object-fit: cover;
    width: 100%;
    height: 25vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

#livestream-schedule > #schedule > div > div > p {
    grid-area: 4 / 1 / 6 / 6;
    background-color: rgba(255, 255, 255, 0.4);
    color: #DFD2CF;
    text-shadow: 1px 1px 2px black;
    margin: 0;
    margin-bottom: 2vh;
    text-align: center;
}

#socials-wrapper {
    margin: 2rem 1rem;
}

#socials-wrapper > h2 {
    text-align: left;
    margin: 0px 1rem;
}