/* Reset styles */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box; /* Ensures elements fit within their containers */
}

/* Navbar styling */
.navigation {
    position: fixed; /* Keeps the navbar fixed at the top */
    top: 0;
    left: 0;
    width: 100%;
    height: 80px; /* Sets a fixed height for the navbar */
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #02161f; /* Sets a solid background color */
    color: white; /* Sets the text color to white */
    padding: 0 20px; /* Adds horizontal padding for spacing */
    z-index: 10000; /* Ensures the navbar is above all other elements on the page */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow for better separation from the content */
}
header {
    margin-bottom: 80px; /* Adds space below the navbar equal to its height */
}