body {
    background-color: #34c9eb;
        margin: 0;
        padding: 0;
}
header {
    background: #000035;
    padding: 10px 20px;
    /* Remove text-align: center; */
    display: block;
    /* text-align: left; */
    justify-content: left; /* Centers the links horizontally */
    align-items: center;     /* Centers the links vertically */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    /* position: relative; Make header positioning relative to move it higher in the stacking context */
    z-index: 10; /* Higher z-index to ensure it's above other content */
    width: 100%; /* Ensures the header spans the full width */
    margin:0;
}

header a {
    text-decoration: none;
    color: #FFFFFF;
    margin: 0 15px;
    font-weight: bold;
    font-size: 18px;
}
header::after {
    content: "";
    display: table;
    clear: both;
}