/* Face header-ul transparent */
#header {
    background-color: transparent !important;
}

/* Asigură o citibilitate bună a textului peste header-ul transparent */
#header .site-title a, #header .site-description {
    color: #fff; /* culoarea textului */
}

/* Opțiune suplimentară: adaugă o umbrire pentru a evidenția header-ul când derulezi pagina */
#header.fixed {
    background-color: rgba(0, 0, 0, 0.7); /* culoare de fundal cu opacitate */
    transition: background-color 0.3s ease; /* adaugă o tranziție lină pentru efectul de schimbare a culorii */
}