/* Body page */
.page_main {
    padding: 385px;
    margin-left: -20px;
    width: 1153px;
    background: url('ceu_.jpg');
}

/* Main body padding */
.body_padder {
    padding: 334px;
    padding-bottom: 65px;
    background-color: white;
    width: 500px;
    margin-left: 400px;
    margin-top: -1440px;
    border: 2px solid black;
}

/* Video player */
video {
    margin-top: -360px;
    margin-left: -335px;
    height: 500px;
}

/* Video buttons */
button {
    background-color: rgba(9, 157, 255, 0.973);
    color: white;
    padding: 10px;
    width: 100px;
    border: 1px solid black;
    cursor: pointer;
    font-size: 15px;
}

/* Button class/functions */
.button1 {
    margin-left: -135px;
}

button:hover {
    background-color:rgb(24, 170, 255);
}

/* Animation */
.run_animate {
    float: right;
    margin-top: -470px;
    margin-right: -20px;
    width: 200px;
    height: 200px;
    background-color: white;
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.run_animate img {
    margin-top: 40px;
    margin-left: 50px;
}

/* Animation function */
@keyframes example {
    0% {background-color:cyan; left:0px; top:0px;}
    25% {background-color:rgb(55, 153, 238); left:200px; top:0px;}
    50% {background-color:cyan; left:200px; top:200px;}
    75% {background-color:rgb(55, 153, 238); left:0px; top:200px;}
    100% {background-color:cyan; left:0px; top:0px;}
}

/* Bottom padding body page */
.bottom_padder {
    padding: 50px;
    width: 1000px;
    background-color: gold;
    border: 1px solid black;
    margin-top: 70px;
    margin-left: -300px;
}

.bottom_padder p {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Second fishtronaut banner */
.banner_2 {
    padding: 15px;
    margin-left: 140px;
}

.banner_2 img {
    height: 200px;
}