nav{
    background-color: green;

}
nav{
    width: 100%;
    display: flex;
    margin : auto;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
}
nav ul li{
    display: inline;
    padding: 20px;
    cursor: pointer;
}
nav ul li:hover{
    color: rgb(172, 26, 26);
}
.info{
    margin: 7%;
    margin-top: 6%;
}
.info h1{
    font-size: 45px;
    color:rgb(24, 23, 23);
}
.info h3{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 24px;
}
.info span{
    color:  rgb(255, 115, 0);
}
.info a{
        text-decoration: none;
        background-color: rgb(24, 23, 23);
        color: white;
        margin: 26px;
        padding: 10px;
        border: 10px;
        display: inline-block; 
        transition: 5s;   
     
}
.info a:hover{
    background-color:rgb(59,174,209);
}
input{
    width: 80%;
    padding-top: 10px;
}

.about{
   
    background-color: brown;
    margin-top:30px;
    padding:80px;
}
.contact {
    background-color: brown;
    margin-top: 30px;
}
.skill{
    background-color: brown;
    padding: 80px;
    margin-top: 20px;
}