* { margin: 0; padding: 0; box-sizing: border-box; }

img {
    border-radius: 40px;
    box-shadow: 2px 2px 5px #0b0b0b;
    max-width: 100%;
    height: auto;
    padding: 0;
    
}

    header + img {
        float: right;
        transform: rotate(4deg);
        margin-right: 20px;
        margin-top: 20px;}

body {
    background-image: url(../styles/images/cuyahoga.jpg); 
    background-size: cover;       
    background-repeat: no-repeat; 
    background-position: center;  
}
    
header {
    text-align: center;
    border-top: 0px solid #222;
    border-bottom: 0px solid #222;
                }


header h1{
    text-transform: lowercase;
    font-size: 4.1em;
    letter-spacing: 8px;
    text-shadow: 5px 5px 5px #e7dada;
    font-family: "National Park";
    }
                
header h1 + p {
    background-color:#1d561f;
    color: #7de780; font-weight: bold;
    margin-top: -5px;
    display: inline-block;
    padding: 4px 8px;
    text-transform: uppercase;
    }
header + img {
    width: 250px;
    float: right;
    transform: rotate(4deg);
    padding-right: 20px;
    padding-top: 20px;
    }
                
    nav {
        display: flex;
        flex-direction: column;
        align-items: center; 
        margin: 155px 0 0 250px;
        gap: 20px;            
    }
    
    nav a {
        display: inline-block;     
        text-align: center;
        padding: 10px 16px;
        text-decoration: none;
        background-color: rgb(27, 105, 23);
        color: #EEE;
        font-weight: bold;
        border: 8px groove #222;
        font-size: 2em;
    }
                    
nav a:hover {
    background-color: rgb(10, 107, 31);
    color: #000;
    }
                    
                
footer {
    background-color: #093916;
    text-align: center;
    font-size: 13px;
    color: #EEE;
    position: center;
    padding: 10px;
    bottom: 0px; left: 0px;
    width: 100%; height: 50px;
    box-sizing: block;
    }