:root{--counter-font:Palatino,serif}*{box-sizing:border-box;margin:0;padding:0}#counter{border-radius:0;box-shadow:0 0 20px rgba(0,0,0,.05);display:grid;font-family:var(--counter-font);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px;overflow:hidden;width:100%}.cisloContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:25px}.svetla{background-color:#f8e9b9;color:#000}.tmava{background-color:#d1a848;color:#fff}.cislo{align-items:center;display:flex;font-size:72px;gap:6px}.cislo,.suffix{font-family:var(--counter-font);font-weight:700;line-height:1}.suffix{display:inline-block;font-size:34px}.cisloContainer p{font-family:var(--counter-font);font-size:18px;line-height:1.5;margin-top:12px;max-width:90%}@media (max-width:768px){#counter{gap:0;grid-template-columns:repeat(2,1fr);width:100%}.cisloContainer{align-items:flex-start;aspect-ratio:auto;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:15px}.cislo{font-size:56px}.suffix{font-size:26px}.cisloContainer p{font-size:16px}}