:root {
    --cassiopeia-color-primary: #021640; /* Set the primary color */
}

.container-header{
    background-image: none !important;  
  
}

.container-nav {
    display: flex;
    justify-content: center; /* Centers the navigation container */
    background-color: #021640; /* Sets the background color of the menu */
}

.mod-menu {
    display: flex; /* Makes the menu items align in a row */
    justify-content: center; /* Centers the menu items within the container */
    padding: 0; /* Removes any default padding */
    list-style: none; /* Removes bullet points from the list */
}

.mod-menu .nav-item {
    margin: 0 15px; /* Adds spacing between menu items */
}


.navbar-brand {
  text-align: center;
  width: 100%;
  color: #ffffff !important; /* Set text color to white */

}


body {
    background-color: #021640; /* Sets the background color of the entire body */
}

.header-line {
    height: 4px; /* Adjust height as needed */
    background-color: #ffd700; /* Yellow color */
    width: 100%; /* Full width */
    position: absolute; /* Positioning at the top */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    z-index: 1000; /* Ensure it appears above other elements */
}

/* Existing menu styles */
.container-nav {
    /*background-color: #021640; /* Keeps the menu background color */
}

.mod-menu {
    display: flex; /* Makes the menu items align in a row */
    justify-content: center; /* Centers the menu items within the container */
    padding: 0; /* Removes any default padding */
    list-style: none; /* Removes bullet points from the list */
}

.mod-menu .nav-item {
    margin: 0 15px; /* Adds spacing between menu items */
}

.mod-menu .nav-item a {
    color: #ffffff; /* Sets the text color of the menu items to white */
    padding: 10px; /* Adds padding for better click area */
    text-decoration: none; /* Removes underline from links */
}

.mod-menu .nav-item a:hover {
    color: #ffd700; /* Optional: changes text color on hover */
}

.container-component{
    background-color: white; /* Keeps the menu background color */
    color: black; /* Sets the text color of the menu items to white */
  	padding: 25px 50px 25px 50px;
}