h1 {
    background: linear-gradient(135deg, #1e90ff, #1565c0);
}

h2 {
    background: linear-gradient(135deg, #42a5f5, #1e88e5);
}

h3 {
    background: linear-gradient(135deg, #4fc3f7, #0288d1);
}

h1, h2, h3 {
    color: white;
    padding: 0.6em 0.9em;
    border-radius: 6px;
    margin: 1.5em auto 0.5em auto;
    max-width: 900px;
}

p {
    background: rgba(20, 30, 45, 0.92);
    color: #e6edf3;
    padding: 1.2em;
    margin: 1.2em auto;
    max-width: 900px;
    border-radius: 8px;
    line-height: 1.7;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}

table {
    width: 90%;
    margin: 1em auto;
    border-collapse: collapse;
    background: rgba(20, 30, 45, 0.95);
    color: #e6edf3;
}

th, td {
    padding: 0.8em;
    border: 1px solid #3a4a63;
}

th {
    background: linear-gradient(135deg, #1e88e5, #1565c0);
}

ul {
    max-width: 900px;
    margin: 1em auto;
    color: #e6edf3;
}

li {
    margin: 0.5em 0;
}

a {
    color: #64b5f6;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        color: #90caf9;
    }


body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: linear-gradient( -45deg, #0f2027, #203a43, #1b2a4e, #2c5364 );
    background-size: 400% 400%;
    animation: bgMove 20s ease infinite;
    color: #e6edf3;
}

@keyframes bgMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

a#tagasi {
    display: inline-block;
    margin: 2em auto;
    padding: 0.7em 1.6em;
    background: linear-gradient(135deg, #1e90ff, #1565c0);
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 999px;
    box-shadow: 0 0 15px rgba(30, 144, 255, 0.5);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

a#tagasi:hover,
a#tagasi:focus {
        transform: translateY(-2px);
        box-shadow: 0 0 25px rgba(30, 144, 255, 0.9);
    }

    td > img {
        max-width: 300px;
        max-height: 300px;
    }

    p > img {
        max-width: 900px;
        max-height: 900px;
    }