body {
        background-image: url(http://www.dronestagr.am/wp-content/uploads/2013/09/WheepingRockPanorama.jpg);
        background-size: 100%;
        margin: 0;
        padding: 0;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        
    }
    div {
        width: 600px;
        margin: 5em auto;
        padding: 50px;
        background-color: #fff;
        border-radius: 1em;
    }
    ul {
      list-style-type: none;
      margin-top: 0px;
      padding: 0;
      overflow: hidden;
      background-color: #333;
    }
    
    li {
          float: left;
    }
    
    li a {
            display: block;
            color: white;
            text-align: center;
           padding: 14px 16px;
            text-decoration: none;
    }
    /* Change the link color to #111 (black) on hover */
    li a:hover {
          background-color: #111;
    }