/* Stilurile pentru bara fixă din partea de sus */
.fixed-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #007bff /* Culoarea de fundal a barei cu opacitate */
    padding: 10px 20px; /* Spațierea între conținut și margine */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Umbră pentru efect de adâncime */
    z-index: 1000; /* Asigură că bara este deasupra tuturor celorlalte elemente */
}

/* Stilurile pentru butoanele de login și înregistrare */
.fixed-bar .button {
    float: right; /* Alinierea butoanelor la dreapta */
    margin-left: 10px; /* Spațierea între butoane */
    text-decoration: none; /* Elimină sublinierea */
    color: #fff; /* Culoarea textului */
    background-color: #007bff; /* Culoarea de fundal a butoanelor */
    padding: 8px 16px; /* Spațierea între text și margini */
    border-radius: 5px; /* Bordura butoanelor rotunde */
}

.fixed-bar .button:hover {
    background-color: #0056b3; /* Culoarea de fundal a butoanelor la interacțiunea cu cursorul */
}