@import url(színek.css);

.content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.875rem;
    background-color: var(--szín9);
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.content th,
.content td {
    border: 1px solid var(--szín11);
    padding: 0.75rem 0.9375rem;
    text-align: left;
}

.content th {
    background-color: var(--szín2);
    font-weight: bold;
    font-size: 1rem;
}

.content tr:nth-child(even) {
    background-color: var(--szín10);
}

.content table,
.content ul {
    animation: fadeIn 0.8s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(0.625rem); }
    to { opacity: 1; transform: translateY(0); }
}

table a {
    color: #3f3413;
    font-weight: 500;
    transition: color 0.3s ease;
}

table a:hover {
    color: #705f09;
    text-decoration: underline;
}

table a:visited {
    color: #99823d;
}