body {
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: right;
}

.left-column img{
    width: 100%;
    height: 100%;
}
 
.row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    padding-bottom: 4em;
}

.right-column {
    margin: 0 5em;
}

/* next events */

.next-title {
    color: #00FF00;
    text-align: left;
}

.next-events h1 {

    font-size: 0.9rem;
    padding-top: 3em;
}

.next-events h2 {
    color: #FF6600;
    font-size: 0.8rem;
}

.next-events h3 { 
    font-size: 0.7rem;
}

.next-events p {
    font-size: 0.8rem;
    text-align: right;
}

.next-events a {
    font-size: 0.8rem;
    color: #00FF00; 
}

.next-events a:hover {
    color: red;
}

/* past events */

.past-title {
    color: #007F00;
    padding-top: 4em;
    text-align: left;
}

.past-events {
    color: #CCC;
}
.past-events h1 {
 
    font-size: 0.9rem;
    padding-top: 3em;
}

.past-events h2 {
    color: #CA5100;
    font-size: 0.8rem;
}

.past-events h3 { 
    font-size: 0.7rem;
}

.past-events p {
    font-size: 0.8rem;
    text-align: right;
}

.past-events a {
    font-size: 0.8rem;
    color: #007F00;
}

.past-events a:hover {
    color: red;
}