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

body {
    background-image: url("backgroundhobby.jpg");
    color: gray;
    font-family: verdana;
    overflow-x: hidden; /* removes the horizontal scroll*/
    background-size: 100%;
    background-position: center;
    }

header {
    text-align: center;
    border-top: 7px solid #222;
    border-bottom: 7px solid #222;
    background-color: rgb(150, 167, 119);
    padding: 10px;
    font-family: "honk";
    }

header h1 {
    text-transform: uppercase;
    font-size: 4em;
    letter-spacing: 8px;
    text-shadow: 4px 5px 10px #222;
    }

img {
    float: right;
    transform: rotate(-10deg);
    padding-right: 30px;
    margin-top: 5%;
    border-radius: 10px;
}

nav {
    padding: 20px 200px; /*directional padding*/
    background-color: rgb(180, 180, 180);
    text-align: center;
    position: center;
    }

nav a {
    color: gray;
    text-decoration: none;
    font-size: 20pt;
    display: inline-block;
    padding: 16px 24px;
    }
    
nav a:hover {
    background-color: rgb(150, 167, 119);
    color: #000;
    }

#art1 {
    position: relative;
    bottom: -90px;
    left: 40px;
    font-size: 25pt;
    background-color: rgb(180, 180, 180);
    height: 500px;
    width: 980px;
    padding-left: 20px;
    padding-top: 10px;
    border-radius: 20px;
}

footer {
    text-align: center;
    background-color: gray;
    color: #EEE;
    position: fixed;
    bottom: 0px; left: 0px;
    width: 100%;
    }