Body {
    background-color: rgba(135, 206, 235,1);
    font-family: sans-serif;
}

/*Landing Page Background*/

/*This is for page one*/
#bodyone {
    background-image: url('https://i.gifer.com/3OV5S.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 1);
    height: 50vh;
    padding: 0;
    margin: 0;
    z-index: 10;
}

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#movie {
    color: transparent;
    z-index: 100;
}

/* Style the footer */
footer {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 200;
    padding: 10px;
    text-align: center;
    color: white;
}

/*This is for page two*/

#bodytwo {
    background-image: url('Images/Static_pg2.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 1);
    height: 50vh;
    padding: 0;
    margin: 0;
    z-index: 10;
}

/*This is for page three*/

#bodythree {
    background-image: url('Images/ArtBoard_3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 1);
    height: 50vh;
    padding: 0;
    margin: 0;
    z-index: 10;
}

/*This is for page four*/

#bodyfour {
    background-image: url('Images/EyeTwitch.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 1);
    height: 50vh;
    padding: 0;
    margin: 0;
    z-index: 10;
}

#bodyfive {
    background-image: url(Images/Line_Face.gif);
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vh;
    padding: 0;
    margin: 0;
    z-index: 10;
}