body{
    margin: 0%;

}

    .center{ 
            display: flex ;
            justify-content: center ;
            margin-left:0px ;
            margin-right: 0px;
            width:100%;
            padding: 4px;

    }
    .center{ 
            display: flex ;
            justify-content: center ;
            margin-left:0px ;
            margin-right: 0px;
            width:100%;
            padding: 4px;

    }
</style>
</div>

<style> 
    ul {
      list-style-type: none;       

    }

    li{
        float: right ;
    }

    li a{
        display:block;
        color: beige;
        text-align: center;
        padding: 14px 16px;
    }
    .img {
        div {
            height: 200px;
            width: 50%;
            background-color: powderblue;
          }
          
          
    }

    body {
        background-image: url(dog.png);
      }