#gohome, #newvideo {
    position: absolute;
    top: 1em;
    height: 4vw;
}

#gohome {
    left: 2vw;
}

#newvideo {
    left: 6vw;
}

.H2TitleVideo {
    font-size: 3vmin;
}

.descriptionTitleVideo, .H2TitleVideo {
    font-family: 'Architects Daughter', cursive;
    left: 2vmin;
    position: relative;
    color: #0e3368;
}

.descriptionTitleVideo {
    font-size: 2vmin;
}

#videos {
    width: 98vw;
    margin: 0 .5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.video-item {
    width: 16vmin;
    position: relative;
    width: 26vmin;
    height: 30vmin;
    margin: .2vw;
    padding: 5px;
    border: 2px solid lightgray;
    border-radius: 5px;
    font-family: DaxWeb-CondLight;
    font-size: 15pt;
    overflow: hidden;
    box-shadow: 2px 0px 30px grey;
    border-radius: 20px;
    padding: 8px;
    font-family: 'Architects Daughter', cursive;
}

.video-thumb {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 24vmin;
    height: 13.5vmin;
}

.video-caption {
    text-align: center;
    font-family: 'Architects Daughter', cursive;
}

.delete-button, .edit-button {
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: 100%;
    background-origin: content-box;
    border: 2px solid lightgray;
    border-radius: 1vmin;
    width: 5vmin;
    height: 5vmin;
    position: absolute;
    top: 23vmin;
    padding: 0.2vmin;
    margin: 0.3vmin;
}

.delete-button {
    background-image: url(../../../images/navsvg/trash.svg);
    left: 3vmin;
}

.edit-button {
    background-image: url(../../../images/navsvg/edit.svg);
    left: 17vmin;
}

.dialog-icon {
    float: left;
    width: 48px;
    height: 48px;
}

#videoname {
    width: 100%;
}