body {
        background-image:url("https://images.alphacoders.com/519/thumb-1920-519153.jpg");
        padding: 10px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;       
    }
     div {
        width: 600px;
        margin: 5em auto;
        padding: 50px;
        background-color: #fff;
        border-radius: 1em;
        text-align:center;
    }
    a:link, a:visited {
        color: #38488f;
        text-decoration: none;
    }
    @media (max-width: 700px) {
        body {
            background-color: #fff;
        }
       
        
    }  
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    right 650px
}
li {
    float: left;
    text-align:center
}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    position:relative;
}
li a:hover {
    background-color: #111;
}