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

body{

font-family:Poppins,sans-serif;

background:#071426;

color:white;

}

.navbar{

position:absolute;

width:100%;

z-index:1000;

background:rgba(0,0,0,.25);

backdrop-filter:blur(10px);

}

.navbar-brand{

color:white;

text-decoration:none;

}

.navbar-brand h4{

margin:0;

font-weight:700;

}

.navbar-brand small{

color:#9fdfff;

}

.nav-link{

color:white;

margin-left:20px;

font-size:18px;

}

.nav-link:hover{

color:#00d9ff;

}

.hero{

height:100vh;

display:flex;

align-items:center;

background:

linear-gradient(

rgba(0,0,0,.55),

rgba(0,0,0,.65)

),

url("../images/hero.png");

background-size:cover;

background-position:center;

}

.hero h1{

font-size:70px;

font-weight:700;

margin-bottom:20px;

}

.hero p{

font-size:24px;

max-width:700px;

margin-bottom:40px;

}

.btn-primary{

background:#00d9ff;

border:none;

padding:15px 40px;

font-size:20px;

font-weight:600;

}

.btn-primary:hover{

background:#00b4d8;

}