/* Alap stílusok */
        body {
            margin: 0;
            padding: 0;
            background-color: rgb(0, 0, 0);
            overflow: auto;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            
            color: rgb(255, 246, 246);
        }
        /* Animált háttér */
        .background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(at center, transparent, #000 60%),
             /*url('https://www.transparenttextures.com/patterns/asfalt-light.png');*/
             url("https://www.transparenttextures.com/patterns/graphy-light.png");
             animation: pulse 30s forwards;
             z-index:0;
            }
            @keyframes pulse {
                from { filter:  brightness(0); }
                to { filter: brightness(5); }
            }
            /* Tartalom */
            .container {
                display: flex;
                flex-direction:  column;
                align-items: center;
                justify-content:  center;
                min-height: 100vh;
                text-align: center;
                
            }
            h1 {
                
                font-size: 80px;
                margin: 0px;
                text-shadow: 
                0  -4px 5px black,
                0px 0px 10px  blanchedalmond,
                0px -2px 50px  rgba(0, 255, 255, 0.568);
            /*    animation:pulseh1 5s forwards ;*/
            }

            @keyframes pulseh1 {
                from { filter:  brightness(2); }
                to { filter: brightness(1); }
            }
            /* Tartalom */
        /* Gombok */
        .button {
            position: relative;
            padding: 20px 40px;
            margin: 10px;
            font-size: 1.5rem;
            color: #fff;
            background: none;
            border: 2px dashed rgb(12, 27, 107);  
            cursor: pointer;
            overflow: hidden;
            transition:3s ;
        }
        .button::before {
            content:'';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 500%;
            background: linear-gradient(100grad,transparent, rgba(57, 223, 193, 0.635), transparent);
            transition: left 1s;
        }
        .button:hover::before {
            left: 100%;
        }
        .button:hover {
            text-shadow: 0 0 50px white,
                        0 0 5px;
            color: rgb(187, 224, 255);
            z-index: 1;
        }
        /* Lebegő vonalak */
        .lines {
            box-shadow:inset 0 0 500px 1px rgba(0, 0, 0, 0.71);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events:none;
        }
        .lineleft {
            position: absolute;
            width: 2px;
            height: 100%;
            background: linear-gradient(to bottom, transparent, rgb(66, 94, 218,0.3), transparent);
            animation: moveleft 10s linear infinite;
            opacity: 0.8;
        }
        @keyframes moveleft {
            from { transform: translateX(0); }
            to { transform: translateX(-10px); }
        }

        .lineright {
            position: absolute;
            width: 2px;
            height: 100%;
            background: linear-gradient(to bottom, transparent, rgba(66, 94, 218,0.3), transparent);
            animation: moveright 10s linear infinite;
            opacity: 0.8;
        }
        @keyframes moveright {
            from { transform: translateX(0); }
            to { transform: translateX(10px); }
        }

        /* Reszponzív stílusok */
        @media (max-width: 800px) {
            h1 {
                font-size: 40px;
                font-family:Times New Roman;
            }
            .button {
                font-size: 1rem;
                padding: 15px 30px;
            }
        }
        
        
        
        
        
        
        
    .awaken{
    position:static;
    display: flex;
    text-align: center;   
    background-color: #190425; /* Green */
    color: white;
    font-size:10vw;
    border: dashed  rgb(0, 221, 255);
    box-shadow: 0 0 10px rgb(56, 255, 172),0 0 3px rgb(82, 246, 255),0 0 20px 1px rgb(225, 103, 255),inset 0px 0px 20px 2px rgb(0, 0, 0);
    border-width: 2px 2px 0px 2px;
    border-radius:1vw;
    transition:all 3s ease-out;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    /* Animáció hozzáadása */
} 
.awaken:hover {
    background-color: #ffffff;
    color: black;
    border:solid rgba(0, 0, 0, 0);
    transform: scale(1.3);
    box-shadow:inset 0px 0px 20px 2px rgb(255, 255, 255);
    text-shadow:-5px -5px 3px rgb(35, 15, 15);
    transition: 2s ease-in-out  all;
     /* Méret növelése hover esetén */
}