body {
    background-image: url('bg.jpg'); /* Itt cseréld ki az elérési utat a képre */
    background-size: cover; /* A háttér kitölti az egész teret */
    background-position: center center; /* A háttér középre igazítva */
    background-attachment: fixed; /* A háttér rögzítve marad görgetésnél */
    padding-top: 50px; /* vagy margin-top is lehet */
    word-wrap: break-word; /* Allows long words or URLs to break and wrap to the next line */
    overflow-wrap: break-word; /* Ensures compatibility with modern browsers */
}

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.dvd-list {
    text-align: left; /* Balra igazítás */
    padding-left: 20px; /* Kis belső térköz a bal oldalon */
    list-style-type: disc; /* Alapértelmezett lista stílus */
    margin: 20px 0; /* Függőleges margó a lista körül */
}

.dvd-list li {
    margin-bottom: 15px; /* Térköz az egyes listaelemek között */
}

.dvd-list p {
    margin: 5px 0 0 20px; /* Kis térköz a szöveg és a link között, beljebb húzva */
    font-size: 14px; /* Kisebb betűméret a részletekhez */
    color: #555; /* Halványabb szövegszín */
}

h1,h2,h3,ul,ol,a {
    color: #333; /* Szöveg szín */
    text-align:center;
    font-family:verdana;
}

.header {
    padding-top: 10px;
    background-color: rgb(164, 238, 255);
    border: 2px solid black;
    border-radius: 10px;
    padding-bottom: 20px;
    max-width: 700px;
    margin: 0 auto;
    color: #333; /* Szöveg szín */
    text-align:center;
    font-family:verdana;
}

.footer {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: #333; /* Szöveg szín */
    font-family:verdana;
}

.section {
    background-color: white; /* Fehér háttér */
    border: 1px solid #ccc; /* Halvány szürke szegély */
    border-radius: 10px; /* Lekerekített sarkok */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Finom árnyék */
    max-width: 1000px; /* Maximális szélesség */
    margin: 20px auto; /* Középre igazítás és függőleges margó */
    padding: 20px; /* Belső térköz */
    color: #333; /* Szöveg szín */
    text-align:center;
    font-family:verdana;
}

.section ul li {
    margin-bottom: 15px; /* Térköz az egyes listaelemek között */
    line-height: 1.6; /* Jobb olvashatóság érdekében */
}