h1 {text-align: center;
-webkit-text-fill-color: rgb(255, 217, 68);
text-shadow: 1px 2px 1px;
}

html {
   scroll-padding-top: 500;
}



/* NAV BAR */
.Navbar {
background-color: rgb(26, 22, 22);
font-style: normal;color: beige;
text-align: center;
-webkit-text-fill-color: aqua;

min-width:950px;
position: fixed;

top: 0;
    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;
}

/*  NAV BAR TEXT  */

a {
 padding: 15px;
color: #ffffff;  
font-family: 'Times New Roman', Times, serif;
text-decoration: none;
}
.Navbar a:hover {
    background-color: #f4f4f4;
    /* Defines the background color that will display when you hover over the link */
    color: black;
    /* This defines the font color that will display when navbar a elements are hovered over */
    cursor: pointer;
    transition: 0.5s ease-in;
}

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





/* VIDEO */
#VIDEO-1 {
min-width: 100%;
min-height: 500pxo;
z-index: -1;
position: fixed;
right: 10;
bottom: 100;
top:-50px;
}
/* QUOTE TEXT */



#myVideo1 {
padding-top: 0px;
border-style:double;

border-color: white;

}


/* ABOUT */
#About{
scroll-padding-top: 500;
}

h3{
    color: white;
    text-align: center;
}
/* ########## */

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










/* BUTTONS */
button {

    width: 120px;
    height: 40px;

    color: rgb(115, 241, 174);
    background-color: rgb(11, 57, 42);

    margin: 20px;
    border:2px solid rgb(210, 210, 210);
    border-radius:10px;

}

button:hover {
    background-color: #000000;
}

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

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