/* Stiluri de bază pentru site */
body {
    font-family: 'Open Sans', sans-serif; /* Fontul site-ului */
    margin: 0;
    padding: 0;
    background-color: #f4f4f9; /* Fundalul paginii */
}

h1, h2 {
    color: #1e90ff; /* Culoare albastru pentru titluri */
}

.hero {
    background-image: url('poza.jpeg'); /* Imaginea de fundal */
    height: 300px; /* Înălțimea imaginii */
    background-size: cover; /* Imaginea va acoperi tot spațiul */
    color: white; /* Textul va fi alb pe fundalul imaginii */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

h1 {
    font-size: 3rem; /* Mărimea fontului pentru titlu */
}

nav ul {
    list-style: none; /* Fără puncte pe listă */
    padding: 0;
}

nav ul li {
    display: inline-block; /* Elementele din meniu se vor aranja pe orizontală */
    margin-right: 15px; /* Spațiu între elementele din meniu */
}

nav ul li a {
    text-decoration: none; /* Fără subliniere la linkuri */
    color: #1e90ff; /* Culoare albastru pentru linkuri */
    font-size: 1.1rem;
}

main {
    padding: 20px; /* Spațiu în jurul conținutului principal */
}

@media (max-width: 768px) {
    /* Stiluri pentru ecrane mici (mobile) */
    h1 {
        font-size: 2rem; /* Mărimea titlului va fi mai mică pe mobil */
    }

    nav ul li {
        display: block; /* Meniul va fi vertical pe mobil */
        margin-right: 0;
    }
}