body {
    padding: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 3ex;
    /* Old browsers */
    margin-left: 10%;
    margin-right: 10%;
    background-color: black;
    color: white;
    font-family: "Trebuchet", "Trebuchet MS", sans-serif;
}
/* New browsers will use the calcs as they come later */
body {
    margin-left: max(calc(calc(100vw - 70rem) / 2.4), 4px);
    margin-right: max(calc(calc(100vw - 70rem) / 2.4), 4px);
}
p.banner { font-weight: bold; font-size: 200%; }
p.mainmenu { margin-top: 0.2ex; margin-bottom: 0.2ex; font-size: 115%; }
p.submenu { margin-top: 1.2ex; margin-bottom: 0.2ex; }
nav img { border: none; }
nav a { padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2ex; padding-bottom: 0.2ex; }
nav a.current { background-color: #356928; }
main a, nav a { text-decoration: none; }
nav a:link, nav a:visited { color: #f4cd0a; }
main a:link, main a:visited { color: #f4cd0a; }
nav a:hover, nav a:focus { color: #f6e70f; }
main a:hover, main a:focus { color: #f6e70f; }
h1 { color: #f4cd0a; }
h2, details summary { color: #70a53f; }
details summary { font-weight: bold; font-size: 120%; margin-top: 0.6ex; margin-bottom 0.6ex; }
h3 { color: #c35732; }
main img { max-width: 100%; }

.zmena { color: #70a53f; }
dl .author, dl.teams dt, dl.blog dt { font-weight: bold; margin-top: 2ex; }
.quote { margin-left: 45%; margin-top: 4ex; font-style: italic; }

table.hantec tr:nth-child(even) { background-color: #444444; }
table.hantec { border 0px; border-collapse: collapse; }
table.hantec td, table.hantec th {
    text-align: left;
    border: 0px; margin: 0px;
    padding-top: 0.25ex; padding-bottom: 0.25ex; padding-left: 0.5em; padding-right: 0.5em;
}
table.hantec th {
    border-top: 0.2ex solid white;
    border-bottom: 0.2ex solid white;
    padding-top: 0.4ex;
    padding-bottom: 0.4ex;
}

table.results { border-collapse: collapse; border: solid black 2pt; background-color: #ffffff; color: #000000;}
table.results tbody tr:first-child { border-top: solid black 2pt;}
table.results td, table.results th { padding-left: 3pt; padding-right: 3pt; border: solid black 1pt;}
table.results colgroup { border-right: solid black 2pt;}
.help { background-color: #40ab54;}
.dead { color: white; background-color: black;}
.bonus { background-color: #ffc000;}
.loser { background-color: #b0b0b0; color: #e00000;}

hr { clear: both; }

/* Not used (no about page). */
table.about th, table.about td { vertical-align: top; padding: 10px; }
table.about th { text-align: right; }

/* Madness! */
#thumblist { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
#thumblist img { max-width: 10%; max-height: 120px; }
#thumblist .backarrow { display: inline-block; padding-right: 0.4em; font-size: 140%; }
#thumblist .fwdarrow { display: inline-block; padding-left: 0.4em; font-size: 140%; }
#thumblist .thumbs { display: inline-block; text-align: center; max-width: 90%; }