/*  NAV BAR */

.Navbar a {
    padding: 15px;
    color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;

}

.Navbar {
    overflow: hidden;
    /* This ensures that any content that overflows beyond the boundary of our nav bar is not displayed */
    background-color: rgb(106, 188, 210);
    /* This colors the navbar black */
    position: fixed;
    /* This keeps the navbar at the top of the screen as we scroll */
    top: 0;
    /* This ensures no space is displayed above the navbar */
    width: 100%;
    /* This makes the navbar span the entire width of the page */
    height: 30px;

    z-index: 1;
    /* This ensures other elements don't display over the navbar */
text-align: center;
font-size: large;
}

.Navbar a:hover {
    background-color: rgb(134, 140, 202);
    /* Defines the background color that will display when you hover over the link */
    color: rgb(255, 247, 247);
    /* This defines the font color that will display when navbar a elements are hovered over */
    cursor: pointer;
    transition: 0.5s ease-in;
}

a {
    padding: 15px;
    color: #fdfdfd;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

  text-decoration: none;

}
/* SCREEN */
div.container{
 
margin:auto;
border: 0.1em solid black;
width: 950px;
height: 550px;
background-color: rgb(97, 207, 205);
text-align: center;
color: #000;

font-size: 70px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif

}


.container{
   
    font-family:Georgia, 'Times New Roman', Times, serif;
font-size: 10px;
text-align: left;
margin-left: 20px;
border: #000;
background-color: white;
}
/* CUBE VIDEO */

.place{
position: absolute;top:200px;left:500px;
border: 3px solid black;
}

/* BUTTONS */
button{
   
    width: 120px; height: 40px;
  
    color:rgb(255, 255, 255);
    background-color: rgb(32, 159, 175);
   
    margin: 20px;

}
button:hover{background-color: #291986;}
button:active{background-color: #bd3f60;}

.butsection{
    display:flex;
    margin:auto;
align-items: center;
justify-content: center;
}

.stop{
    display:flex;
    margin:auto;
align-items: center;
justify-content: center;

}

/* video setup */
video#myVideo1 {
position: relative;
display: block;
margin:auto;
}

video#myVideo2 {
position: relative;
    display: block;
    margin: auto;
}

video#myVideo3 {
position: relative;
    display: block;
    margin: auto;
border:5px;color: #000;
}

video#myVideo4 {

border:5px;color: #000;
}

video#myVideo5 {
   
border:5px;color: #000;
}

video#myVideo6 {
 
border:5px;color: #000;
}