.meniuBut{
  /* 1. Transformă linkul din element inline în bloc/inline-block ca să preia dimensiunile */
    display: inline-block;
    
    /* 2. Aspect vizual (fundal, culoare text, font) */
    color: #ffffff;            /* Culoarea textului */
    text-decoration: none;     /* Scoate linia de sub text specifică linkurilor */
    font-family: Arial, sans-serif;
    font-weight: bold;
     white-space: nowrap;
    
    /* 3. Spațiu interior (padding) ca să arate ca un buton lat și înalt */
    padding: 1vh 2vw;
    
    /* 4. Colțuri rotunjite */
    border-radius: 1em;
    
    /* 5. Efect lin atunci când pui mouse-ul pe el */
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.meniuBut:hover {
    /* Îl ridică în sus (pare că iese din ecran) */
  transform: translateY(-3px);
  
  /* Mărește umbra și adaugă o strălucire/lumină în jur */
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4), 0 0 15px rgba(255, 255, 255, 0.3);
}
.meniuBut:active{
    transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.StartBut{
  /* 1. Transformă linkul din element inline în bloc/inline-block ca să preia dimensiunile */
    display: inline-flex;       /* Face butonul să se comporte ca un element flexibil */
    align-items: center;        /* Centrează pe verticală */
    justify-content: center;
    
    /* 2. Aspect vizual (fundal, culoare text, font) */
    color: #ffffff;            /* Culoarea textului */
    text-decoration: none;     /* Scoate linia de sub text specifică linkurilor */
    font-family: Arial, sans-serif;
    font-weight: bold;
    background-color: #2980b9;

    margin-left: 10vw;
    width: 50vw;
    height: 7vh;
    
    /* 4. Colțuri rotunjite */
    border-radius: 1em;
    
    /* 5. Efect lin atunci când pui mouse-ul pe el */
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.StartBut:hover {
    background-color: #0174c0; /* O nuanță mai închisă */
    transform: translateY(-2px); /* Se ridică puțin în sus la hover */
}