*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:Arial, Helvetica, sans-serif;

background:#f5f7fa;

color:#333;

}

.navbar{

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 50px;

background:#d8d8d8;

}

.logo img{

height:55px;

}

nav ul{

display:flex;

list-style:none;

gap:35px;

}

nav a{

text-decoration:none;

color:#222;

font-weight:bold;

}

nav a:hover{

color:#1E90FF;

}

.dropdown {
  position: relative;
  display: inline-block;
}


.dropbtn {
  background-color: #3498db;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


.dropdown-content a:hover {
  background-color: #ddd;
}


.dropdown:hover .dropdown-content {
  display: block;
}

main{

width:80%;

margin:auto;

padding:60px 20px;

min-height:70vh;

}

footer{

background:#1f2937;

color:white;

padding:40px;

}

.footer-container{

display:flex;

justify-content:space-between;

gap:50px;

}

.footer-links ul{

list-style:none;

}

.footer-links a{

color:white;

text-decoration:none;

}

.footer-links li{

margin:10px 0;

}

.copyright{

margin-top:30px;

text-align:center;

border-top:1px solid #555;

padding-top:20px;

}