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

body{
    background-image: url("images/standing.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Outfit';
}   


.sec1 {
    height: 100px;
    display: flex;
    flex-direction: row ;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 1%;
     backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* for Safari */
  background: rgba(255, 255, 255, 0.2); /* translucent layer */
}

.sec1 .nav-bar{
    color: rgba(255, 255, 255, 0.2);
}

.nav-img > img{
    width : 70px;
    height : 70px;
    border-radius:50%;
    opacity :1
}

.nav-img{
    display: flex;
    flex-direction: start
}

.sec1 .nav-bar button{
    padding: 10%;
    border:none;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: white;
    font-weight: bold;
    opacity: 0.5;
}

.sec1 .nav-bar :hover{
    opacity: 1  ;
}

.para2{
    width: 50%;
    padding : 5% 2%;
    color: white;
}

.para2 h1{
    line-height: 1.5
        
}
.para2 h4{
    padding-top: 5%;
    line-height:2;
    color: lightgrey
}
.para2 button{
    width: 150px;
    padding:2%;
    border-radius: 75px;
    color: white;
    background-color: #00D025;
    font-weight: bolder;
    border: none;
    margin-top: 3%;
}