ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: darkgoldenrod;
  }

  li {  
    float: right;
  }

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

  li a:hover {
    background-color: green;

  }

  h1{

    text-align: center;
    font-size: 50px;
  }

  h4 {
    text-align: center;
  }

  p {
    text-align: center;
  }

  .about p{
    text-align: center;
    
  }
  .pic {
    border-radius: 50%;
    float:left;
  }

  footer{
    position: fixed;
    margin: 0;
    bottom: 0%;
    background-color: #000;
    width: 100%;
    height: 20px;
    padding-left: 0%;
  }

  .social-icons {
    display: flex;
    justify-content: center;
}

.social-icons img {
  width: 10px;
  height: 10px;
}
.social-icons a{
  margin: 0 10px;
}


.container {
  display: flex;
  justify-content: space-between;
}

.box {
  width: 30%;
  padding: 20px;
  text-align: center;
  border: 1px solid #000; 
  }

.small-box{
  padding-left: 700px;
  border-color: black;

}
.p1{
  padding-left: 50px;
}
.about p{
  text-align: justify;
  padding-left: 30px;
}
.about h4{
  text-align: justify;
  padding-left: 30px;
}
body {
  background-color: beige;
}
.about h1{
  padding: left 30px; ;
}
.name
{
   padding-right: 200px;   
}
.about p{
  text-align: center;
  padding-right: 250px;
}
.details {
  margin-left: 250px;
}
.small-box {
  padding-left: 550px ;

}
.box {
   background-color: floralwhite;
}