img {
    width: 100%;
} 

body {
  background-color: #ddc0b4;
  }

/* The navigation bar */
.navbar {
    overflow: hidden;
    background-color:#d1ae9b;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
  }

    /* Links inside the navbar */
    .navbar a {
        float: left;
        display: block;
        color: #ffffff;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
      }
      
      /* Change background on mouse-over */
      .navbar a:hover {
        background: #c09175;
        color: white;
      }

      #name1 {
        font-size: 150px;
        color: #c09175;
        margin-left: 50px;
        margin-bottom: 0px;
          }

      #name2 {
        font-size: 20px;
        color: #c09175;
        margin-left: 50px;
        margin-bottom: 0px;
        }

      #image5 {
        width: 500px;
        margin-left: 50px;
          }

      #image6 {
        width: 400px;
        margin-left: 50px;
            }
      #image7 {
        width: 440px;
            }

      #image8 {
        width: 845px;
        margin-left: 50px;
                  }
                  
      #image9 {
      width: 845px;
      margin-left: 50px;
                }

      #image10 {
      width: 845px;
      margin-left: 50px;
          }

      #name3 {
        font-size: 100px;
        color: #c09175;
        margin-left: 50px;
        margin-bottom: 0px;
        }