@charset "utf-8";

:root {
    --header-bg: rgba(75, 75, 75, 0.62);
    --header-text: #fff;
    --border: #ccc;
    --zebra: rgba(0,0,0,0.04);
}

html {
    font: 120%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #fff;
    color: #333;
}

body{
    background-color: #f4e8d0;
    margin: 0;
    padding: 20px;
}

/* titlE */
h1 {
    font-family: 'Georgia', serif;
    color: #3d2817;
    text-align: center;
    margin-top: 20px;
}

/* TABLE WRAPPER */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 0 6px rgba(0,0,0,0.12);
}

/* HEADER */
thead tr {
    background: var(--header-bg);
    color: var(--header-text);
}

thead th {
    padding: 10px 8px;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #444;
}

/* BODY */
tbody tr:nth-child(even) {
    background: var(--zebra);
}

tbody td {
    padding: 8px;
    border-top: 1px solid var(--border);
}

/* Team names */
tbody td:first-child {
    text-align: left;
    font-weight: 600;
}

/* statistics */
tbody td:nth-child(n+2) {
    text-align: right;
}

/* FOOTER */
tfoot td {
    padding: 8px;
    font-size: 0.9rem;
    border-top: 2px solid var(--border);
    background: var(--header-bg);
    color: var(--header-text);
    text-align: center;
}