lev2.css

*{
    margin: 0px;
    padding: 0px;
}
:root{
    --navbar-height:50px;
}
#navbar{
    display:flex;
    background-color:chartreuse;
    height:var(--navbar-height);
    position:sticky;

}
.trf{
    height:50px;
    width:100px;
}
#nav ul{
    display:flex;
    list-style:none;
}
.lap{
    text-decoration:none;
}
#nav ul li{
    margin:5px 20px;
    padding:2px;
}
#nav ul li a{
    font-size: 2rem;
}
#box{
    display:flex;
    flex-direction:column;
}
.raj{
    text-align: center;
    margin-top: 1px;
    color: rgb(144, 6, 100);
}
.box-btn{
    height: 20px;
    width: 100px;
    margin-left: 70px;
    margin:auto;
    font-size:15px;
    border-radius: 30px;
    color: blue;
    
}
#box::before{
    content:"";
    background: url("https://source.unsplash.com/collection/190727/1600x900");
    position: absolute;
    height: 93.25%;
    width: 100%;
    z-index:-1;
    opacity: 0.7;

}
.search{
    margin-top: 200px;
}
.box-btn:hover{
    background-color: aqua;
}