body {
    background-color: #000 !important;
    color: #ffff00 !important;
    font-size: 1.125em !important;
    font-family: Verdana, sans-serif !important;
}

/* Háttérképek eltüntetése az olvashatóság kedvéért */
body,
.bg-transparent,
.doboz-hatter,
.fejlec-hatter,
.content-hatter,
.row {
    background: #000 !important;
    background-image: none !important;
}

/* Navigációs sáv */
.navbar-custom {
    background: #111 !important;
    color: #ffff00 !important;
    font-size: 1.125em !important;
    border: 2px solid #ffff00 !important;
}

.navbar-toggler-icon {
    background-color: #ffff00 !important;
}

/* Gombok */
.btn {
    font-size: 1.125em !important;
    color: #ffff00 !important;
    border-color: #ffff00 !important;
}

.btn:hover {
    background-color: #ffff00 !important;
    color: #000 !important;
}

/* Kártyák és tartalomdobozok */
.card,
.col-xxl-8.offset-xxl-4,
.col-xxl-4.offset-xxl-4,
.col-xxl-4.offset-xxl-0,
.col-xxl-8.offset-xxl-3,
.col-xxl-8.bdiv {
    background-color: #111 !important;
    border: 2px solid #ffff00 !important;
    color: #ffff00 !important;
    font-size: 1.125em !important;
    text-align:justify !important;
}

/* Kártya fejléc */
.card-header h1 {
    font-size: 1.125em !important;
    background-color: #222 !important;
    color: #ffff00 !important;
    border: 2px solid #ffff00 !important;
}

/* Szövegek */
.card-text,
.mb-3,
p,
ul,
li,
label {
    color: #ffff00 !important;
}

/* Linkek */
a {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

a:hover {
    background-color: #ffff00 !important;
    color: #000 !important;
}

/* Képek: max méret, margin, igazítás */
.img-fluid {
    max-height: 400px !important;
    max-width: 100% !important;
    margin: 10px auto;
    display: block;
}

/* Videó doboz átalakítása */
.ratio.ratio-16x9 {
    background: none !important;
}

/* Főbb szövegek és bekezdések */
.text-justify,
.card-text.text-justify {
    text-align: justify !important;
    color: #ffff00 !important;
    font-size: 1.25em !important;
    padding: 0px 10px !important;
}

.text-center {
    text-align:center !important
}

/* Lábléc */
footer {
    background-color: #000 !important;
    color: #ffff00 !important;
    border-top: 1px solid #ffff00 !important;   
}

.btn {
    background-color: #000000 !important;
}

.col-xxl-8.offset-xxl-2 {   
    font-size: 1.125em !important;
    text-align: center !important;
}

.character-cell.text-cell {
    font-size: 1.125em !important;
    text-align: justify !important;
}