last.css

*{
   box-sizing: border-box;
   margin:0;
   padding:0
}


.logo{
    font-size:2em;
    font-weight:bolder;
    border:4px solid black;
    padding:2%
}


header .text{
    text-align: center;
    padding-top:30%;
    padding-bottom: 20%;
    text-transform: capitalize;
    background:linear-gradient(rgba(26,26,26,0.7),rgba(26,26,26,0.7)),url("5.jpg");
    color:#fff;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 2em;

}
header .text h3,p{
    padding-bottom:9%
}

    
main{
    margin-top:7%
}
main .text1{
    text-align: center;
    padding-bottom: 4%;
    
}
.about{
    display:grid;
    grid-template-columns: 1fr 1fr;
}
.about img{
    height:20rem;
    border-radius: 30%;
    margin-left:23em;
    margin-bottom: 6%;
    padding-right:0
}
.skill{
   text-align: center;
   margin:5% 9% 0 10%;
   line-height:1.3
}

footer{
    text-align: center;
}
footer .icon{
    padding-top:1%;
    background:rgba(26,26,26,0.9)

}
footer .icon i{
    padding:1% 0 0 4%;
    color:white
}