* {
    margin: 0;
    padding: 0;
    border: none;
    font-family: 'red serifs', Tahoma, Geneva, Verdana, sans-serif;

}



.content {
    display:table-column;
    justify-self: center;
    justify-items: center;
    position: absolute;
    align-self: center;
    top: 10vmax !important;
    flex: 1;
    justify-content: center;

    
    
    

}

.sidebar-container {
    
    display: grid;
    grid-template-columns: 13vmax 1fr;
    border-radius: 26px  26px !important;

    

}

.sidebar {
    background-color: #e03434c0;
    position: sticky;
    top:0;
    height: 100vh;
    border-style:unset;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-left: .4vmax;
    

    border-radius: 7px 26px;
    
}

.sidebar:hover {
    cursor: copy;
    
}

.sidebar >h4>a {

    color: rgb(78, 14, 138) !important;

}

.sidebar >h4>a:hover {

    color: rgb(4, 114, 72) !important;

}

.sidebar >h1 {

    font-size: 1.2vmax;
    border-style:dotted;
    padding: 1.5vmax;
    
    
    background-color: brown;

}

.sidebar >h4 {
    margin-top: .3vmax;
    border: none;
    font-size: .9rem;
    border-radius: 7px 26px;
    


}

.sidebar >ul>li {
   
   border-radius: 7px 26px;
   display: flex;
   height: auto;
   padding: 1vm;
   background-color: rgb(73, 73, 221);
   list-style-position: outside;
   border-color: #e03434;
   border-style: outset;
   list-style-type:square;
   list-style: circle;
   line-height: 1em;
   margin-bottom: .5vmax !important;
}


.sidebar >aside >ul {
    padding: 0;
    margin: 0;
    
}

#video-container {
    margin: auto;
    display:block;
    position: relative;
    text-align: center;
    max-height: 70vh;
    background-color: blue;
    max-width: 25vmax;
    align-content: center;
    margin-bottom: 2vh;
    margin-top: 2vh;
    align: fit-content;
    border-radius: 7px 26px;
}

#video-player {
    max-width: 80%;
    max-height: 50vh;
    margin-top: 2vh;
    
}

#play-btn, #replace-btn {
    font-family: 'red serifs', Tahoma, Geneva, Verdana, sans-serif;
    padding-inline: 3%;
    margin-top: 5vh;
    max-width: 10vw;
    max-height: 15vh;
    justify-content: center;
    position: relative;
    border-radius: 7px 26px;
    margin: auto;
    cursor: pointer;
    font-size: 1vmax;
       
}

    #play-btn:hover, #replace-btn:hover {
        color: rgb(3, 139, 87) !important;
        background-color: blueviolet;
    }

.footer {
    margin-top: 5vh;
    
}