*{
    padding: 0;
    margin: 0;
}
.hero{
    background-image: url('vecteezy_ai-generated-professional-man-in-suit-standing-confidently_35314037.jpg');
    min-height: 100vh;
    background-size: cover;
    position: relative;
}
.nav-container{
    display: flex;
       background-color:rgba(200,200,200,0.7);
}

ul{
    list-style: none;
    display:flex;

}
ul li{
    display: inline-block;;
    padding:10px;
 
    margin: 15px;
    align-items: center;

}
li a{
    text-decoration: none;
    color: azure;
}
li a :hover{
    color:black;
}

.about{
    position: absolute;
    top: 50%;
    
    left: 30%;
    transform: translate(-50%,-50%);
}


.pic{
    position:absolute;
    height:90%;
    width:450px;
    margin-top:-80px;
}
.info{
    position: absolute;
    left:50%;
    text-align: center;
    margin-top: 70px;

}
.btn{
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    border: none;
    border-radius: 15px;
    background-color: aqua;
}
button:hover{
    background-color: black;
    color:white;
}