body {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-color: rgb(229, 227, 227); /* Mobilnak kinéző háttér */
}

@media (min-width: 769px) {
    body {
        max-width: 720px;
        margin: 0 auto;
        max-height: 1600px;
    }
}

.theme-dark {
    background-color: rgb(47, 45, 45); /* Mobilnak kinéző háttér */
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin: 15px
}

.preload-img {
    display: block;
}

/* Center button */
.form-group button {
    display: block;
    margin: 20px auto; /* Center align button horizontally */
}

/* Címkék */
label {
    font-size: 16px !important; /* Nagyobb betűméret */
    font-weight: 500;
    color: black !important; /* Alapértelmezett fekete szín */
}

.theme-dark label {
    color: white !important; /* Sötét módban fehér szín */
}

/* Kereső mező */
#invite-id {
    width: 100%;
    padding: 10px !important;
    font-size: 18px !important;
    border: 2px solid #df1e1e !important;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Csak az 'invite-id' mező placeholder stílusa */
#invite-id::placeholder {
    font-size: 18px !important;
    color: #999 !important;
    opacity: 1; /* Teljes láthatóság */
    margin-left: 10px !important;
}

/* Alapstílus a világos témához */
label {
    font-size: 16px; /* Nagyobb betűméret */
    font-weight: 500;
    color: black; /* Alapértelmezett fekete szín */
}

/* Sötét téma esetén */
.theme-dark label {
    color: white; /* Sötét módban fehér szín */
}