.thumbnail{
    width: 100%;
}

.video-title{
    margin-top:0rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.0rem;
    margin-bottom: 1.0rem;
}
.video-info-grid{
    display: grid;
    grid-template-columns: 5.0rem 1fr;
}
.profile-picture{
    width: 3.6rem;
    border-radius: 5.0rem;
}
.thumbnail-row{
    margin-bottom: 0.8rem;
    position: relative;
}
.video-author,
.video-stats{
    font-size: 1.2rem;
    color: rgb(96,96,96);
}
.video-author{
    margin-bottom: 0.4rem;
}
.video-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1.6rem;
    row-gap: 4.0rem;
}

@media (max-width:75.0rem){
    .video-grid{
        grid-template-columns: 1fr 1fr;
    }
}
@media(min-width: 75.1rem) and (max-width: 99.9rem){
    .video-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 100.0rem){
    .video-grid{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.video-time{
    background-color: black;
    color: white;
    position: absolute;
    bottom: 0.8rem;
    right: 0.5rem;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 0.4rem;
    border-radius: 0.2rem;
}