@font-face {
    font-family: new_font;
    src: url('fonts/TEXAT\ BOLD\ PERSONAL\ USE___.otf');
}

@keyframes ani {
    0%{background-position:0 0;}
    100%{background-position: 100vw 0;}
}

header {
    color: #92280a;
    text-shadow: 2px 2px 2px black;
    min-height: 200px;
    text-align: center;
    border: 5px solid #E3856B;
    background:url(images/national_park_sunrise_1.jpg) repeat-x 00/ 100% auto;
    animation: ani 3.154e+7s linear infinite ;
}

header h1 {
    margin-top: 76.5px;
    font-family: new_font;
    font-size: 40px;
}

nav a {
    text-decoration: none;
    color: #6A281F;
    background-color: #E3856B;
    border: 2px solid #6A281F;
    padding: 5px;
    border-radius: 10px;
    margin: 10px auto 10px auto;
    margin-left: 87px;
    text-align: center;
}

nav a:hover {
    text-decoration: none;
    color: #E3856B;
    background-color: #813025;
    border: 2px solid #6A281F;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}

nav a.current-page {
    text-decoration: none;
    color: #E3856B;
    background-color: #6A281F;
    border: 2px solid #6A281F;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}

html {
    background-color: #6A281F;
}

div#container {
    background-color: #c04929;
    width: 80%;
    border: 5px solid #E3856B;
    margin: 30px auto 30px auto;
}

iframe {
    box-shadow: 2px 2px 0 0  black;
    display: block;
    margin: 10px auto 10px auto;
}

.i {
    margin-top: 20px;
    box-shadow: 2px 2px 0 0  black;
    border-radius: 8px;
    display: block;
    margin: 10px auto 10px auto;   
}

img#wiki {
    margin-top: 20px;
    display: block;
    margin: 10px auto 10px auto;  
}

section p {
    text-align: center;
    margin: 50px;
    margin-bottom: 50px;
}

section {
    text-align: center;
    margin: 50px;
}

footer {
    margin: 5px;
    margin-top: 50px;

}

p {
    text-decoration: none;
    
}