@charset "utf-8";
/* CSS Document */
.topnav {
  background-color: blue;
  overflow: hidden;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
    .topnav a.active {
  background-color: #04AA6D;
  color: white;
}

body {
 background-image: url("C");
 background-color: lightsteelblue;
}
        
footer {
  background-color: blue; /* Dark background color */
  color: #fff; /* White text color */
  padding: 10px; /* Spacing inside the footer */
  text-align: center; /* Center-align text content */
  font-family: Arial, sans-serif; /* Font style */
  font-size: 14px; /* Font size */
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}   
header {
  background-color: blue; /* Dark background */
  color: white; /* White text color */
  padding: 1rem; /* Padding around content */
  display: flex; /* Enable flexbox for content arrangement */
  justify-content: space-between; /* Distribute content with space between */
  align-items: center; /* Vertically align content */
}


p {
  font-family: "Helvetica Neue", Arial, sans-serif;
}

img {
  border-radius: 8px;
}
img {
  border-radius: 8px;
}