.flex-container { 
    display: flex;
    flex-direction: row;
}

.text-box { 
    width: 66%;
    text-align: justify;
    padding-right: 10px;
}

.links {
    border-left: dotted 2px #6b3977;
    padding-left: 10px;
    flex-grow: 0;
}

#spoiler-text {
    max-height: 0;
    transition: max-height 100s ease;
    overflow: hidden;
}

#spoiler-text.reveal { 
    max-height: 9000px;
}

.vod-thumbnail {
    width: 600px;
    margin-bottom: 10px; 
}

.spoiler-banner { 
    background-color: #6b3977;
    color: white;
    padding: 10px; 
    margin-top: 10px;
    max-height: 50px; 
    transition: all 1s ease;
}    
.spoiler-banner.spoilers {
    max-height: 0px;
    padding: 0px;
    overflow: hidden;
}

.navigator { 
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.previous {
    text-align: right;
}
.next {
    text-align: left;
}
.center {
    margin: 0 10px;
}

.previous, .next {
    flex-grow: 1;
    flex-basis: 0;
}