.eventlist { 
    list-style: none;
    width: 100%;
    margin: 0;
    padding-inline-start: 0;
}

.eventlist li { 
	transition: all 0.3s;
	list-style: none;
    width: 95%;
    display: inline-block;
    margin: 0;
    float: left;
    background-color: rgb(244 244 244 / 75%);
    margin-top: 20px;
    padding: 15px 25px 15px 25px;
    border-radius: 25px;
}

.eventlist li:hover { 
    background-color: rgb(255 255 255 / 100%);
}

.eventtitle { 
	color: #3b586a !important;
    font-size: 24px !important;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
}

.eventdate {
    color: #f49119 !important;
    font-size: 24px !important;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
}

.location {
	color: #797979 !important;
    font-size: 17px !important;
    font-family: 'Roboto Condensed', sans-serif;
}