.wrapper {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 0 40px;
}


table {
    margin-top: 50px;
}

.filmList {
    border-collapse: collapse;
    max-width: 1100px;
    min-width: 500px;
    margin-left: auto;
    margin-right: auto;
    flex: 1 1 500px;
}

.film {
    border-top: solid 3px var(--black);
    border-bottom: solid 3px var(--black);
    
}

th {
    font-family: "YetsonSerif", serif;
    font-size: var(--large);
    text-align: left;
}

.year {
    min-width: 135px;
}

td {
    vertical-align: top;
    padding: 12px 4px;
}

td .title {
    padding-bottom: 6px;
}