body{
  margin:0;
  font-family: 'Segoe UI', sans-serif;
  background: linear-gradient(rgba(0,0,0,0.120), rgba(0,0,0,0.120)),
  url("https://images.unsplash.com/photo-1584515933487-779824d29309?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8ZG9jdG9yJTIwYW5kJTIwcGF0aWVudHxlbnwwfHwwfHx8MA%3D%3D");
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  color: white;
}

/* navbar */
.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
background:#0a66c2;
}

/* logo */
.logo{
color:white;
font-size:22px;
font-weight:bold;
}

/* nav links container */
.nav-links{
list-style:none;
display:flex;
align-items:center;
gap:25px;
margin:0;
padding:0;
}

/* links */
.nav-links a{
color:white;
text-decoration:none;
font-weight:500;
font-size:16px;
}

/* hover */
.nav-links a:hover{
color:#dff3ff;
}


input{
    padding:15px;
    border-radius:5px;
    border:none;
    margin-right: 10px;
}

button{
  background:#00a8a8;
  border:none;
  padding:10px 30px;
  color:white;
  border-radius:6px;
  font-size:16px;
  cursor:pointer;
  margin-top: 10px;
}

button:hover{
  background:#007c7c;
}

/* welcome section */

.welcome{
text-align:center;
padding:120px 20px;
color:white;
}

.welcome h1{
font-size:42px;
margin-bottom:20px;
}

.welcome p{
font-size:18px;
max-width:600px;
margin:auto;
line-height:1.6;
}

.welcome h2{
  margin-top: 20px;
  font-weight: bolder;
  font-size: 30px;
}
/* footer */

.footer{
background:#0a66c2;
color:white;
text-align:center;
padding:15px;
position:fixed;
bottom:0;
width:100%;
}