h1 {
    font-size: x-large;
    color: white
}

h2 {
    font-size: medium; font-weight: 100;text-decoration: none !important;
}

h3 {
    margin-bottom: -10px;
    font-size: x-large;
    color: black
}

#kepek {
    text-align: center;
}

html {
    background-image: url("felhok2.jpeg");
    background-repeat: no-repeat;
}

.Menu {
    font-size: x-large;
    color: white;
    display: flex;
    justify-content: space-between;
    /* széthúzza a linkeket a teljes szélességben */
    align-items: center;
}

.Menu a {
    color: white !important;
    /* felülírja a lila színt */
    text-decoration: none !important;
    /* eltünteti az aláhúzást */
}

.Menu a:visited {
    color: white !important;
    /* meglátogatott link se legyen lila */
    margin: 0%;
}

.Menu a:hover {
    text-decoration: none;
    color: white;
    background-color: #696666;
    /* ha akarsz hover effektet */
    border: 50px;
    border-radius: 20px;
}
.info {color: #696666; font-weight: bold;margin-left: 70px;}
th {font-size: large;border: 1px solid black ;border-collapse: collapse;}
td {border: 1px solid black ;border-collapse: collapse;}
.szolg {border: none !important; border-collapse: collapse; border-radius: 30px;
    background-color: #c1c1c1;}
.szolg th, .szolg td {
    border: 1px solid black;
}

.szolg tr:first-child th,
.szolg tr:first-child td {
    border-top: none;
}

.szolg tr:last-child th,
.szolg tr:last-child td {
    border-bottom: none;
}

.szolg th:first-child,
.szolg td:first-child {
    border-left: none;
}

.szolg th:last-child,
.szolg td:last-child {
    border-right: none;
}
.szolg tr:hover {background: linear-gradient(to bottom, #ffffff, #cac7c7)}
#nev {height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
} 
.nev {
    display: inline-block;
    position: relative;
    font-family: 'Georgia', serif;
    font-size: 2rem;
    font-weight: bold;
    color: rgb(0, 0, 0);
    padding: 0.2em 0.6em;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}
.nev-container {
  text-align: center;
}
/* Hover pseudo-element a sárkány animációhoz */
.nev::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -150%; /* kezdő pozíció a bal oldalon kívül */
    width: 200%;
    height: 100%;
    background: url('dragon0.png') no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.4; /* finom háttér */
    transform: translateY(-50%);
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Hover állapot: sárkány elindul balról jobbra */
.nev:hover::before {
    animation: dragon-move 4s linear infinite;
    opacity: 0.6;
}

/* Névre hover effektek */
.nev:hover {
    transform: scale(1.08);
    box-shadow: 0 0 15px 5px rgb(134, 249, 142)
}

/* Animáció: balról jobbra mozgás */
@keyframes dragon-move {
    0% { left: -150%; }
    100% { left: 150%; }
}
#kep-mellett {font-size: large; font-weight: 400; margin-top: 130px;}
.kep-mellett {font-size: large; margin-top: 80px;}
.minimal-btn {
    display: inline-block;
    padding: 8px 5px;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: 0.5px;
    color: inherit;        /* nincs külön link szín */
    background: #ffffff;
    transition: background 0.2s ease;
}
.minimal-btn:hover {
    background: #d7d7d7;
}
.minimal-btn2 {
    display: inline-block;
    padding: 8px 5px;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: 0.5px;
    color: inherit;        /* nincs külön link szín */
    background: #333333;
    transition: background 0.2s ease;
}
.minimal-btn2:hover {
    background: #929292;
}
.lista {margin-left: 50px;margin-top: 5px; color: rgb(92, 92, 92)}
.vege {display: flex;justify-content: space-between;}
.tablazat {font-weight: 100; font-size: medium;}