.header-container {
background-color: #004e38;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
padding-top:0px;
padding-bottom:0px;
margin:0px;
font-family:oswald;
font-size:12px;
font-weight:normal;
}
.header-left,
.header-right {
display: flex;
gap: 10px;
padding:0px;
margin:0px;
}
.header-left a,
.header-right a {
text-decoration: none;
color: white;
background-color: #004e38;
height: 40px;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
margin:0px;
white-space: nowrap; /* Prevent text from wrapping */
}
.header-left a:hover,
.header-right a:hover {
background-color: #b177ba;
}
@media (max-width: 768px) {
.header-container {
justify-content: center;
gap: 10px;
}
.header-left {
justify-content: center;
}
.header-left a:nth-child(2) {
display: none;
}
.header-right {
justify-content: center;
}
.header-container {
display: flex;
flex-direction: row;
}
}
