/*
    © Petr Faltus
*/

:root { --bo-bc: SandyBrown; --ma-bc: White; --ma-tc: Brown; --ma-lc: Navy; --ma-sc: #203030; --de-bc: OldLace; --de-tc: Black; --de-sc: DarkSlateGray; }

body { background-color: var(--bo-bc); margin: 1.25rem 0.33rem; font-family: Tahoma, Helvetica, Sans-Serif; font-size: 1.12rem; }
td { padding: 0.14rem; }
img { border: 0px; }

.main { background-color: var(--ma-bc); color: var(--ma-tc); min-width: 32rem; max-width: 64rem; margin: auto; padding: 1.9rem; border-radius: 2.1rem; vertical-align: top; box-shadow: 0.64rem 0.64rem 0.89rem var(--ma-sc); }
.main a:link, .main a:visited { text-decoration: none; color: var(--ma-lc); }
.main a:hover, .main a:active { text-decoration: underline; color: var(--ma-lc); }
.counter { background-color: var(--ma-tc); color: var(--ma-bc); padding: 0.19rem 0.62rem; border-radius: 0.74rem; font-size: 1.7rem; font-weight: bold; box-shadow: 0.14rem 0.14rem 0.2rem var(--de-sc); }

.decocon { background-color: var(--de-bc); color: var(--de-tc); padding: 0.58rem; border-radius: 0.45rem; font-size: 1.18rem; vertical-align: top; box-shadow: 0.14rem 0.14rem 0.2rem var(--de-sc); }
.decocontra { color: var(--de-tc); padding: 0.58rem; border-radius: 0.45rem; font-size: 1.18rem; vertical-align: top; box-shadow: 0.14rem 0.14rem 0.2rem var(--de-sc); }
.decoda { background-color: var(--de-bc); color: var(--de-tc); padding: 0.44rem; border-radius: 0.28rem; vertical-align: top; box-shadow: 0.14rem 0.14rem 0.2rem var(--de-sc); }
.decotra { padding: 0.44rem; border-radius: 0.28rem; vertical-align: top; box-shadow: 0.14rem 0.14rem 0.2rem var(--de-sc); }

.nowr { white-space: nowrap; }
.bold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }

.tallline { line-height: 2.5; }

.toright { margin-left: auto; }
.connoover { overflow-x: auto; }