body{
     margin:0;
    font-family:Arial;
  background:linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),
  url("https://plus.unsplash.com/premium_photo-1681843126728-04eab730febe?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8ZG9jdG9yc3xlbnwwfHwwfHx8MA%3D%3D");
  background-size:cover;
  background-position:center;
}
/* 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;
}
.title{
    text-align:center;
    color:rgb(255, 252, 252);
    margin-top:100px;
    font-weight: bolder;
}
.grid{
    display:flex;
    justify-content:center;
    align-items: center;
    gap:30px;
    margin-top:100px;
}
.card{background:beige;padding:20px;border-radius:10px;text-align:center;width:200px}
.card img{width:100px;height:100px;border-radius:50%}
button{margin-top:10px;padding-left:10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px; background:#117be5;color:white;border:none;border-radius:5px}

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