html {
--c11:#232140;
--c10:#393753;
--c9:#4F4D66;
--c8:#656479;
--c7:#7B7A8C;
--c6:#9190A0;
--c5:#A7A6B3;
--c4:#BDBCC6;
--c3:#D3D3D9;
--c2:#E9E9EC;
--c1:#FFFFFF;
--sirbox: 20vw;
--vysbox: 12vw;
}

html {
--c1:  #e8f3ef; /* velmi světlá zelenošedá – pozadí, hovery */
--c2:  #cde3db;
--c3:  #aed2c5;
--c4:  #8dc2b0;
--c5:  #6cb39a; /* akcent – např. odkazy */
--c6:  #4fa185;
--c7:  #3d8c70;
--c8:  #31765f;
--c9:  #28604e;
--c10: #1f4a3e;
--c11: #142f29; /* základní temně zelená – např. pozadí */
--sirbox: 20vw;
--vysbox: 12vw;
}



body {font-size:16px; margin:0; padding:0; 
font-family: "Roboto Condensed";
line-height:110%;
background:var(--c9) url('/private/img/pozadi.svg') }
body,div,ul,li,h1,h2,h3,h4,a,form,input,p,textarea,fieldset,main,header {margin:0; padding:0; box-sizing: border-box; font-size:16px  }
ul {list-style:none}
a {text-decoration:none}

.radek5 {width:100%; float:left; padding:5px 0}
.C {text-align:center}

#chyba h1 {width:100%; text-align:center; font-size:2rem; padding:20px 0 20px 0; color:var(--c11);
line-height:130%;}
#chyba .smile {width:100%; height:300px; background: url('/private/img/smajlik.svg');
        background-repeat:no-repeat; background-position:center; background-size:300px; margin-top:50px }
#chyba a {display:inline-block; width:140px;  padding:3px 0; border:1px solid var(--c11); text-align:center;
 font-weight:bold; color:var(--c11); background:orange; border-radius:8px}