html{
    background: #87a5c7;
}

header {
    background: black;
    padding: 20px;
    text-align: center;
}

nav {
    background: #ff0000;
    text-align: center;
    box-shadow: 0 10px 20px black;
}

nav a {
    color: #00cb02;
    margin: 0 30px;
    font-size: 24pt;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
}

nav a:hover {
    color: #0000;
    text-shadow: 1px 2px 3px black;
}

footer {
    color: #87a5c7;
    background: black;
    padding: 20px;
    opacity: 0.75;
    text-align: center;
}

section {
    width: 810px;
    margin: 70px auto;
    padding: 0 40px 20px 40px;
    background: black;
    border: 10px solid red;
    box-shadow: 0 20px 40px black;
}

h1 {
    font-family: Impact, sans-serif;
    font-size: 45pt;
    color: red;
    margin: 0;
    text-shadow: 4px 5px 0 green;
}

h3 {
    font-family: Impact, sans-serif;
    font-size: 33pt;
    color: rgb(0, 0, 0);
    margin: 32px 0 24px 0;
}

h4 {
    font-family: Impact, sans-serif;
    font-size: 35pt;
    color: rgb(0, 0, 0);
    margin: 32px 0 24px 0;
}

h1,
    h3,
    h4{
        text-align: center;
    }

 img,
 iframe{
 display: block;
 margin: 10px auto;
 border: 2px solid black;
 border-radius: 10px;
 }