html {
    background-color:rgb(0, 0, 0);
    
}

body {
    cursor: url("archive-cursor.png"), auto;
    overflow: hidden;
    height:100vh;

   
    
}
.navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgb(63, 68, 65) 
}
.navbar li {
    float: left;
    border-right: 2px solid rgb(163, 167, 165)
}
#navlink {
    display: block;
    color:rgb(163, 167, 165); 
    text-align: center;
    padding: 20px;
    text-decoration: none;
    font-family: 'Aldrich';
    cursor: url("archive-cursor-hover.png"),auto;
}

#navlink:link {
    color:rgb(163, 167, 165) 
}
#navlink:visited {
    color:rgb(163, 167, 165)
}
#navlink:hover {
    background-color: rgb(91, 101, 94);
}

h1 { 
    color:rgb(163, 167, 165);
    text-align: center;
    font-family: 'Silkscreen';
    font-size: 50px;
    margin-top:35px;
    position:relative;  

}


.main-container {
    background-color:rgb(0, 0, 0);
    height:65vh;
    margin:100px;
    display:flex; 
    align-items: center; 
    justify-content: center;
    margin:20px; 
    overflow:hidden;
}

.left {
    height:400px;
    /* margin-top:20vh; */
}

.middle {
    height:400px;
    /* margin-top:20vh; */
}

.right {
    height:400px;
    /* margin-top:20vh; */
}

.videos-container {
    background-color:rgb(0, 0, 0); 
    display: flex;
    align-items: center;
    justify-content: center;
 
}

#video {
    /* object-fit:cover; */
    width:100%;
    height:100%;
    display:flex;
    align-items:center; 
    justify-content:center;
    transition:3s ease;
    


   
    
}

#video:hover {
    opacity:100%;
    transition:ease 10s;
    cursor:pointer;
}

.left {
    padding:20px;
}

.right {
    padding: 20px; 
}

.description {
    display: block;
    color:rgb(163, 167, 165); 
    text-align: center;
    /* padding: 20px; */
    text-decoration: none;
    font-family: 'Aldrich';
}