/* Alap stílusok */
body {
    font-family: "Times New Roman", Times, serif;
    margin: 10;
    padding: 0;
    background-color: #9a9386;
    color: black;
}

/* Konténer stílus */
.container { max-width: 300px; /* vagy amekkora szélességet szeretnél */ 
             margin: 0 auto; /* ez középre teszi vízszintesen */ 
             text-align:center; /* opcionális: ha a szöveget is középre akarod */ 
}

/* Profil stílus */
.profile {
    flex: 1;
    margin-right: 20px;
}

/* Profilkép stílus */
.profile img {
    padding: 10px 0px 10px;
    max-width: 100px; 
}

.content a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 1px;
    border-radius: 5px;
    transition: background-color 0.3s; /* Áttűnés a háttérszín változásakor */
}

.content a:hover {
    background-color: #e2be20; /* Világosabb szín hover állapotban */
}

/* Mobil nézet */
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Oszlopos elrendezés mobilon */
    }
    .profile {
        margin-right: 0;
        margin-bottom: 20px; /* Margó a profil alatt */
    }
}
.profile.vignette::before{
    content:"";
    position:absolute;
    inset:0;                 /* lefedi a .profile teljes területét */
    pointer-events:none;    /* ne blokkolja a kép kattintását */
    /* Maszk: középen 100 % látható, a szélek felé 0 % (teljesen átlátszó) */
    mask-image:radial-gradient(
        circle at center,
        rgba(0,0,0,1) 55%,   /* 55 %‑ig teljesen látható (nem átlátszó) */
        rgba(0,0,0,0) 100%   /* 100 %‑ig teljesen átlátszó */
    );
    -webkit-mask-image:radial-gradient(
        circle at center,
        rgba(0,0,0,1) 55%,
        rgba(0,0,0,0) 100%
    );
}