*{
margin: 0;
padding: 0;
}
.bgimg{
background-image: linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url("upsc.webp");
background-size: 1080px;
background-position: center;
}
.navbar{
width: 85%;
height: 100vh;
margin: auto;
display: flex;
padding: 30px 0;
justify-content: space-between;
position: relative;
}
.navbar ul li{
list-style: none;
margin: 0 40px;
display: inline-block;
position: relative;
}
.navbar ul li a{
text-decoration: none;
color: aliceblue;
}
.navbar ul li::after{
content: '';
height: 5px;
width: 0;
position: absolute;
left: 0;
bottom: -11.5px;
background: yellow;
transition: 0.6s;
}
.navbar ul li:hover::after{
width: 100%;
}
.logo{
font-size: 50px;
font-weight: bolder;
cursor: pointer;
text-decoration: none;
color: lightseagreen;
}
.main{
width: 100%;
color: beige;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
#h{
font-size: 50px;
font-family: cursive;
color: chartreuse;
}
.main p{
line-height: 30px;
}
button{
width: 100px;
padding: 15px;
border: 3px solid palevioletred;
border-radius: 25px;
color: turquoise;
background-color: transparent;
cursor:pointer;
position: relative;
}
button a{
text-decoration: none;
color: aliceblue;
}