body{

    font-family:Arial;
    background:#f3f3f3;
    padding:40px;

}

#events {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.event{

    background:white;
    padding:15px;
    border-radius:8px;
    box-shadow:0 0 8px rgba(0,0,0,.15);

}

.date{

    color:#666;
    font-size:14px;

}

.title{

    font-size:20px;
    font-weight:bold;

}

.location {
    margin-top: 8px;
    color: #444;
    font-size: 15px;
    font-style: italic;
}

.event.future {
    opacity: 0.55;
    transform: scale(0.97);
}

.event.future .title {
    font-weight: normal;
}

.event.future .date {
    color: #888;
}