body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.hidden {
    display: none;
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    /* Igazítás jobbra */
}

.menu-link {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #333;
}

.menu-link:hover {
    color: #007bff;
}

/* Kék gomb stílus a Login elemhez */
.login-btn {
    background-color: #007bff;
    /* Kék szín */
    color: white;
    /* Fehér betűszín alapértelmezés szerint */
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    /* Ezzel tolódik jobbra a gomb */
}

.login-btn:hover {
    background-color: #0056b3;
    /* Sötétebb kék hover esetén */
    color: white;
    /* Betűszín továbbra is fehér hover esetén */
}

.bronze-gradient {
    background: radial-gradient(circle,
            #fcd7b3,
            #cd7f32);
    max-width: 600px;
    max-height: 600px;
}

.silver-gradient {
    background: radial-gradient(circle,
            #ffffff,
            #c0c0c0);
    max-width: 600px;
    max-height: 600px;
}

.gold-gradient {
    background: radial-gradient(circle,
            #fffacd,
            #FFBF00);
    max-width: 600px;
    max-height: 600px;
}
.curse-bgcolor {
    background-color: #ede6d5;
}