body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
    margin: 0;
    padding: 0;
    font-size: 30px; /* Mărimea fontului pentru întreg documentul */
}

.container {
    /* max-width: 600px; */
    margin: 50px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h2 {
    color: #333;
    font-size: 30px; /* Mărimea fontului pentru titluri */
    margin: 0 0 10px 0; /* Marginea de jos pentru spațiere */
}

p {
    font-size: 20px; /* Mărimea fontului pentru paragrafe */
    padding: 10px 0; /* Adaugă padding doar pe verticală */
}

input[type="text"],
input[type="submit"] {
    font-size: 28px; /* Mărimea fontului pentru input-uri și butoane */
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    margin-bottom: 10px;
}

ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    padding: 65px; /* Adaugă padding pentru link-uri */
    display: block; /* Asigură-te că padding-ul este aplicat întregului element */
    border: 1px solid #ddd; /* Adaugă o margine pentru vizualizare */
    border-radius: 5px; /* Adaugă colțuri rotunjite */
}

ul li a:hover {
    color: #555;
}

.login-link {
    font-size: 1.2em; /* Mărimea dorită a fontului */
}

/* Stil pentru grile */
.grid-item {
    padding: 20px; /* Adaugă padding pentru grile */
    background-color: #fff;
    border: 1px solid #ddd; /* Adaugă o margine subțire */
    border-radius: 5px; /* Adaugă colțuri rotunjite */
    margin-bottom: 20px; /* Adaugă spațiu între grile */
}