:root {

    --font:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    --dark-grey:#c7c7c7;
    --light-grey:#d4d4d4;
    --h1-color:#CC3300;
    --h1-border-color:#666;
    --link-color:#31319c;
    --link-hover-color:#fff;
    --color-hraci:#800000;
    --color-hry:#000080;
    --color-triky:#008000;
    --color-rekordy:#808000;
}

html, body {
    font-family:var(--font); 
    background:var(--dark-grey);
}

.container {
    background:var(--light-grey);
}

h1, .h1 {
    font-size:1.1rem;
    background:var(--dark-grey);
    color:var(--h1-color);
    border-width:1px;
    border-style: solid;
    border-color:var(--h1-border-color);
    padding:3px;
    text-align:center;
    font-weight:bold;
}
h2, h3, h4, h5 {
    font-size:1rem;
}
a {
    color:var(--link-color);
    text-decoration: none;
}
a:hover, a:focus {
    color:var(--link-hover-color);
}
a.text-black:hover {
    color:#fff!important;
}

.info-column {
    border-width:3px;
    border-style: solid;
    padding:3px;
    text-align:center;
    font-weight:bold;
    background:var(--dark-grey);
}
.info-column-hraci {
    border-color:var(--color-hraci);
}
.info-column-hry {
    border-color:var(--color-hry);
}
.info-column-triky {
    border-color:var(--color-triky);
}
.info-column-rekordy {
    border-color:var(--color-rekordy);
}