*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    
}
img{
    max-width: 100%;
}
a{
    color:rgb(250, 250, 250);
}
body{
    background-color: rgb(42, 45, 54);
    color:white;
    font-family: Poppins,sans-serif;
}
 
 .nav-link{
     color: white;
 }
 .nav-link:hover{
    
  color:rgb(14, 13, 13);
   text-decoration: none;
   background-color:#009e66;
   border-radius: 5px;
   
}
 
.change:before{
	 content:"";
	 animation:animat 3s infinite;
	  
 }
 @keyframes animat{
 0%{content:"Web developer";}
  
 50%{content:"Digital Marketer";}
  
 100%{
	 content:"Graphic Designer";
	 }
 }
.name{
   height: auto;
   padding: 40px;
   background-image: url(assets/images/1.jpg);
   background-size: cover;
} 

.font-size{
    font-size: 50px;
}
.align{
    font-size: 30px;
    margin:10px 10px 0 0;
    color: white;
}
.font-size1{
    font-size: 30px;
}
.colorG{
    color: #009e66;
}
.colorgrey{
    color:#9F9F9F;
}
.resume{
    background-color: #009e66;
    color:white;
    border-radius: 10px;
    padding: 8px;
    width: max-content;
}
.social{
    list-style-type: inside;
}
.social li{
    display: inline;
}
.social li a:hover{
    
    color: #009e66; 
}
.bord1{
    border-bottom:2px solid #009e66;
    width: max-content;
    margin: auto;
}
.bord1:hover{
 
}
.title{
    border-bottom: 1px solid #3f3e3e;
    border-left:2px solid #009e66;
}
.topmove{
    position: absolute;
    right:20px;
    bottom: 20px;
    position: fixed;
    color:white;
    background-color: #009e66;
    padding: 10px;
    z-index: 999;
}
.exper{
     width: 70%;
     margin: 0 auto;
        
}
ul.exper{
    list-style: square; 
    color:#009e66;
    line-height:2.5;
}
.exper li span{
    color:white;
}
.imggg{
    height: 500px;
}
.widt{
    width: 80%;
    margin: 0 auto;
    line-height: 2;
}
.btnn2{
    background-color: #009e66;
    color:white;
    padding: 10px;
    border-radius:15px;
}
.btnn2 a{
    text-decoration: none;
    color: white;
}
 
.message-input{
    height: 150px;
}
.inputclr{
    background-color: #252323;
    color:white;
}



/* progress */
 .skills{
    width: 100%;
    max-width: 600px;
    padding: 0 20px;
  }
  
  .skill-name{ 
    text-transform: uppercase;
    margin: 10px 0;
  }
  
  .skill-bar{
    height: 15px;
    background: #838282;
    border-radius: 8px;
  }
  
  .skill-per{
    height: 15px;
    background-color: #009e66;
    border-radius: 8px;
    width: 0;
    transition: 1s linear;
    position: relative;
  }
  
  .skill-per::before{
    content: attr(per);
    position: absolute;
    padding: 4px 6px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    top: -35px;
    right: 0;
    transform: translateX(50%);
  }
  
  .skill-per::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #000;
    top: -16px;
    right: 0;
    transform: translateX(50%) rotate(45deg);
    border-radius: 2px;
  }
/*   progress end here */
 .bgblack{
     background-color: black;
     padding: 5px;
     border-radius: 8px;
 }
 .bgcolor2{
     background-color: #009e66;
 }
 .lineht{
     line-height: 2.5;
 }
 ul{
     list-style:none;
 }
 .lgtcolor{
     background-color: rgb(82, 87, 87);
     
 }
 .focs:focus{ 
    color:#009e66;  
 }