body{
    margin:auto;
    max-width: 100vw;
    max-height: 100vw;
    background-color: black;
}

.header{
    color:white;
    font-size: 1.1em;
    text-align: center;
    max-width: 20vw;
    max-height:15vh;
    margin:1vh auto 1vh auto;
    border: 0.5px solid black;
}
h1{
    margin-bottom: -0.5em;
}
.letterboxd{
    font-size: 0.8em;
    color:grey;
    border:1px dashed white;
    padding:0.2em;
}

.grid-container{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:1.5em;
    max-width:75vw;
    margin:auto;
}

.film{
    max-height:40vh;
    max-width: 20vw;
    border: 0.5px solid black;
    padding:1em;
    background-color: black;
    color:white;
    border:1px dashed white;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: white black;
    overflow-x: hidden;
}

img{
    max-height:30vh;
    border: 1px solid black;
    margin:auto;
}

.title{
    font-size:1.1rem;
    margin-bottom:-0.8rem;
}

.director{
    font-style: italic;
    font-size:0.9rem
}

.watched{
    font-size: 0.7rem;
    margin-top:-0.8rem;
    margin-bottom:-0.8rem;
}