body {
    max-width: 1024px;
    margin: auto;
    padding: 5px;
}

.video-container {
    padding: 10px 0;
}

.video-container:not(:first-child) {
    border-top: thin black solid;
}

.video-thumbnail {
    text-align: center;
}

.video-video-row {
    text-align: center;
}

.video-video {
    max-width: 100%;
}

.video-tags {
    padding: 5px;
}

.video-tag {
    border: 2px hsl(35, 84%, 60%) solid;
    padding: 1px 5px;
    border-radius: 3px;
    background: hsl(35, 84%, 75%);
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
    line-height: 2em;
}

.video-tag-selected {
    border-color: hsl(35, 84%, 30%);
    background: hsl(35, 84%, 60%);
}

.video-thumbnail {
    cursor: pointer;
}

.video-protected {
    margin: 3px 0;
    font-size: smaller;
}

.video-share-link {
    margin: 3px 0;
    cursor: pointer;
}