body {
    
        background-image: url("http://i.imgur.com/sdvhdtg.jpg");
        margin: 0;
        padding: 0;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          
    }
    
.arminsbackground {
  background-color: purple;
  background-image: url("https://media.giphy.com/media/MS9zcAY63RC6I/giphy.gif");

}

.arminsbackground1 {
  background-color: purple;
  background-image: url("https://www.wired.com/wp-content/uploads/2014/10/whyte-d.gif");
}
.arminsbackground2 {
  background-color: purple;
  background-image: url("http://weknowyourdreams.com/images/forest/forest-07.jpg");
}
.arminsbackground3 {
  background-color: purple;
  background-image: url("https://66.media.tumblr.com/8a5358200ee38b1de4c2cb4385f05771/tumblr_nouy6fQcrE1trun9ro1_400.gif");
}
div {
      width: 800px;
        margin: 5em auto;
        padding: 30px;
        background-color:#B3EAF7;
        border-radius: 0.5em;  
    }
    h4  {
     color: purple; 
     font-family: "Comic Sans ms";
      font-size: 10px;
      
    }
    ul.topnav {
    list-style-type: none;
   adding: 0;
    overflow: hidden;
    background-color: #333;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #111;}

ul.topnav li a.active {background-color: #4CAF50;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px){
    ul.topnav li.right,
    ul.topnav li {float: none;} margin: 0;}


nav {
text-align:center;
}

nav > a {
    background-color: #4174FC;
    color: white;
    text-align: center;
    padding: 7px 8px;
    text-decoration: none;
    border-radius: 0.2em;
}


nav > a:hover:not(.active) {background-color: #160597;}

nav > a.active {background-color: #071949;}