*{
  margin: 0;
  padding:0;
}
.about-area{
    padding: 0;
}
body{
    background: #131f33;
    margin:0;
    height:100%;
   
    text-align: center;
}
.about-img{
    margin-left: 30px;
    position: relative;
}
.about-img:before{
    position: absolute;
    content:'';
    right:-30px;
    top: 30px;
    border:10px solid rgba(255,255,255,0.5);
    width:100%;
    height: 100%;
}
.about-img img{
    
    width: 100%;
}
.about-text{
padding-top: 12%;
}
.about-text h2{
    color:#fff;
    font-family: lobster;
    font-size: 50px;
}
.about-text p{
    margin-left: 12px;
    text-align: center;
    font-size: 18px;
    color:#ddd;
    line-height: 8mm;
}
.about-text a{
    background: orangered;
    color:#fff;
    padding:7px 15px;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}

/* fyjfh */

.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    
  }
  .icon-bar a {
    display: block;
    text-align: left;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  .icon-bar a:hover {
    background-color: #000;
    text-decoration: none;
  }
  .fa-linkedin {
    background: #007bb5;
    color: white;
  } 
  .fa-envelope {

    background: #B23121;
    color: red;
  }
  .fa-github {
    background: black;
    color: white;
  }
  .fa-instagram{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
      
  }