html, body {
    height: auto; /* ne 100%, így a gradient mindig a teljes oldalhoz igazodik */
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom, #6db96d, #4e9e4e);
}

body {
    display: block; /* flex helyett egyszerű block */
    color: #1f2d1f;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* Fejléc */
header {
    background: linear-gradient(to bottom, #6db96d, #4e9e4e);
    border: 2px solid linear-gradient(to bottom, #6db96d, #4e9e4e);
    padding: 50px 0 20px 0;
    font-size: 20px;
    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

header a {
    color: white;
    text-decoration: none;
    white-space: nowrap;
}



.main {
    background-color: rgb(225, 243, 223);
    font-size: 20px;
    border: 3px solid white;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.main h1 {
    padding-right: 550px;
}

.main a {
    color: #2e7d32;
    padding-top: 40px;
    text-decoration: none;
}



footer {
    background-color: #1f2d1f;
    color: #fff;
    padding: 20px 20px 20px 20px;
    font-size: 16px;
    text-align: center;
    margin-top: auto; 
}

.footer-bottom {
    margin-top: 20px;
    font-size: 14px;
    color: #a8d5a8;
}

.content {
    background-color: rgba(255, 255, 255, 0.98);
    width: 70%;
    max-width: 900px;
    margin: 40px auto; /* fent/lent középre, de nem túl nagy */
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    line-height: 1.7;
}

/* Főcím */
.content h1 {
    text-align: center;
    margin-bottom: 30px;
    color: #2f5e2f;
    font-size: 28px;
}

/* Alcímek */
.content h2 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #3c7a3c;
    border-left: 4px solid #6db96d;
    padding-left: 10px;
    font-size: 20px;
}

/* Bekezdések */
.content p {
    margin-bottom: 15px;
}

/* Lista */
.content ul {
    margin-left: 25px;
    margin-bottom: 15px;
}

.content li {
    margin-bottom: 6px;
}

/* Linkek a tartalomban */
.content a {
    color: #2e7d32;
}

.content a:hover {
    text-decoration: underline;
}


/* ===== Main reszponzív ===== */
@media (max-width: 768px) {
    .main {
        flex-direction: column; /* sor helyett oszlop */
        align-items: center;    /* középre igazítás */
        gap: 20px;             /* kisebb távolság a linkek között */
        padding: 20px 0;       /* kicsi padding */
    }

    .main h1 {
        padding-right: 0;      /* ne nyomja jobbra a címet */
        text-align: center;     /* középre igazítás */
        margin-bottom: 15px;    /* kis margó alul */
        font-size: 24px;        /* kisebb betűméret */
    }

    .main a {
        padding-top: 10px;      /* kevesebb padding */
        font-size: 18px;         /* kisebb betűméret */
    }
}

/* Ha nagyon kicsi mobil: 480px alatt */
@media (max-width: 480px) {
    .main a {
        font-size: 16px;
        gap: 10px;
    }
}