.list{
    list-style-type: none;
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    align-items: stretch;
    flex-wrap: nowrap;
}

.list .list-item.event-info{
    width: 80%;
    margin: var(--font-size) auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.list .list-item.event-info:last-child{
    margin-bottom: calc(2 * var(--font-size));
}

.event-info .pdf{
    width: 90%;
    aspect-ratio: 1 / 1.414;
    border-radius: calc(0.25 * var(--font-size));
    z-index: 5; 
}

.schools-title{
    font-size: calc(1.2 * var(--font-size));
}