/* Általános stílusok */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #121212; /* Sötét háttérszín */
    color: #e0e0e0; /* Lágy fehér szöveg */
}

/* Header stílus */
header {
    background: linear-gradient(90deg, #001f33, #003366); /* Mély sötétkék átmenet */
    color: #f0f0f0;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); /* Mélyebb árnyékhatás */
}

header h1 {
    margin: 0;
    font-size: 2.8em;
}

header p {
    margin: 5px 0 0;
    font-size: 1.2em;
}

/* Main tartalom */
main {
    padding: 20px;
}

main section {
    background: #1e1e1e; /* Sötétszürke tartalmi háttér */
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.6); /* Finom árnyékolás */
}

main h2 {
    margin-top: 0;
    color: #007bff; /* Élénkebb kék a kontraszt érdekében */
}

/* Footer stílus */
footer {
    background: #001f33; /* Mélyebb sötétkék */
    color: #e0e0e0;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.5);
}

footer p {
    margin: 0;
    font-size: 0.9em;
}


/* Általános stílusok */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #121212; /* Sötét téma */
    color: #e0e0e0;
}

header {
    background: linear-gradient(90deg, #001f33, #003366); /* Mélyebb kék színátmenet */
    color: #f0f0f0;
    padding: 20px;
    text-align: center;
    position: relative; /* Pozicionáláshoz szükséges */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); 
}

header h1 {
    margin: 0;
    font-size: 2.5em;
}

/* Jobb oldali gomb lista */
header ul {
    list-style-type: none; /* Pontok eltávolítása */
    padding: 0;
    margin: 0;
    position: absolute; /* Pozicionálás a jobb felső sarokhoz */
    top: 20px; /* Távolság a header tetejétől */
    right: 20px; /* Távolság a jobb oldaltól */
    display: flex;
    gap: 10px; /* Térköz a gombok között */
}

header ul li {
    margin: 0;
}

header ul a {
    text-decoration: none; /* Link aláhúzás eltávolítása */
}

header ul input[type="button"] {
    background-color: #007bff; /* Kék gomb */
    color: white; /* Fehér szöveg */
    padding: 10px 15px; /* Kényelmes méret */
    border: none; /* Keret eltávolítása */
    border-radius: 5px; /* Lekerekített sarkok */
    font-size: 1em; /* Olvasható betűméret */
    cursor: pointer; /* Mutató kéz ikon hoverkor */
    transition: background-color 0.3s ease; /* Lágy animáció színváltozáskor */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); /* Finom árnyékhatás */
}

header ul input[type="button"]:hover {
    background-color: #0056b3; /* Sötétebb árnyalat hoverkor */
}