div.events{
    margin-left:2vw;
    margin-top:1vh;
    width:90%;
    max-height:90%;

}


div.event_list {
    display:block;
    margin-top:1%;
    margin-left:12%;
    width:74%;
    overflow: auto;
    background:var(--dialog_bg);
    padding:0;
    }

.event_header{
    background: var(--header_bg);
    height:6vh;
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:whitesmoke;
    margin:0;
}

.event_body{
    background: var(--dialog_bg);
    max-height:70vh;
    width:100%;
    padding:1rem;
    overflow: auto;
}

table.mevents {
    border-collapse: collapse;
    line-height: 2.0;
    background-color: #C0C0FF;
    width: 100%;
}

td {
    font-family: arial, sans-serif;
    font-size: 1.1vw;
    color: white;
    font-weight: 400;
    padding-left: 2vw;
}

td.date {
    width: 20vw;
}

td.location {
    width: 24vw;
}

td.hours {
    width: 14vw;
}

td.event {
    width: 24vw;
}

td.entertainment {
    width: 26vw;

}