*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,'Courier New',monospace;height:auto;overflow-x:hidden;background:#000;color:#ff7800}footer{margin-top:2rem;padding:1rem;background:rgba(0,0,0,.8);border-top:1px solid #ff7800;text-align:center}.skills-list{display:flex;justify-content:center;align-items:flex-start;gap:2rem;list-style:none;padding:0;margin:2rem 0}.skills-list li{flex:1;text-align:center}a{color:#006ec8;text-decoration:none}#hirlevelmail{width:200px;height:auto;padding:5px}.matrix-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.7;background:radial-gradient(circle at 20% 50%,rgba(0,255,0,.1),transparent 25%) , radial-gradient(circle at 80% 20%,rgba(0,255,100,.1),transparent 25%) , radial-gradient(circle at 40% 80%,rgba(100,255,0,.1),transparent 25%) , linear-gradient(to bottom,rgba(0,20,0,.8),black);animation:matrixMove 20s ease-in-out infinite}@keyframes matrixMove {

    0%,
    100% {
        background-position: 0% 0%, 100% 100%, 50% 50%, 0% 0%;
        filter: hue-rotate(0deg) blur(0px);
    }

    25% {
        background-position: 100% 0%, 0% 100%, 80% 20%, 0% 100%;
        filter: hue-rotate(90deg) blur(1px);
    }

    50% {
        background-position: 100% 100%, 0% 0%, 20% 80%, 100% 100%;
        filter: hue-rotate(180deg) blur(0px);
    }

    75% {
        background-position: 0% 100%, 100% 0%, 90% 90%, 100% 0%;
        filter: hue-rotate(270deg) blur(1px);
    }
}.content{position:relative;z-index:1;text-align:center;padding:50px;background:rgba(100,100,100,.2);margin:50px auto;max-width:1000px;border:1px solid #ff7800;box-shadow:0 0 20px #ff7800;backdrop-filter:blur(10px)}h1{font-size:3em;margin-bottom:20px;text-shadow:0 0 10px #ff7800}p{font-size:1.2em;line-height:1.6}.index{width:100%;border-radius:1rem;padding:1rem;gap:1rem;margin:1rem auto;border: 1px solid #ffffff80}.kapcsolat{width:100%;border-radius:1rem;padding:2rem;display:flexbox;text-align:center;border: 1px solid #ffffff80;backdrop-filter:blur(30px)}.gomb{background:rgba(0,50,0,0);border:2px solid #00c8c8;border-radius:10px;color:#00c8c8;padding:5px;margin:20px;width:100px;height:40px;font-size:1em;cursor:pointer;box-shadow:3px 3px 10px rgba(0,100,255,.5);transition:background .3s , color .3s}.gomb:hover{background:rgba(0,200,200,.1);color:#fff;box-shadow:3px 3px 15px rgba(0,200,255,.8)}.input-field{position:relative;border-bottom:2px solid #ccc;margin:15px 0}.input-field label{position:absolute;color:#fff;top:50%;left:0;transform:translateY(-50%);pointer-events:none;transition:.15s ease}.input-field input{width:100%;height:2rem;color:#fff;background:transparent;border:none;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}.input-field input:focus~label,
.input-field input:valid~label {top:10px;transform:translateY(-120%)}.input-field input:focus{border-bottom:2px solid #6af;box-shadow:none;outline:none}input:-webkit-autofill{background-color:transparent!important;box-shadow:0 0 0 1000px transparent inset!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.input-field textarea{width:100%;height:3rem;color:#fff;resize:none;background:transparent;border:none;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}.input-field textarea:focus~label,
.input-field textarea:valid~label {top:10px;transform:translateY(-120%)}.input-field textarea:focus{border-bottom:2px solid #6af;height:3rem;resize:none;box-shadow:none;outline:none}@media (max-width:750px){.content{padding:20px;margin:20px}h1{font-size:2em}p{font-size:1em}button{padding:8px 16px;font-size:.9em}.visszalink{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:5px 10px;font-size:1rem;background-color:#000}}