<style type="text/css">
<!--
body {
  font-size: clamp(16px, 4vw, 20px); /* min 16px, ideálně 4vw, max 20px */
}
 H3 {font-family: Arial; font-size: 16pt; color: blue }
 STRONG {color:green}
#akordy {color: red;  font-size: 12pt; "id=akordy"}  
#capo   {color: green; font-size: 12pt; width: 200px; text-align: center; "id=capo"}  
H3 span {color: #009900}
.hlav {	color: green;
	font-size: clamp(24px, 4vw, 46px); /* min 16px, ideálně 4vw, max 32px */
}

font-size: calc(16px + 0.5vw); /* dynamicky se přizpůsobí šířce obrazovky */

div {color: orange; font-family: comic sans ms; width: 660; border: 0}
.trida1 {font-size: clamp(24px, 4vw, 32px); /* min 16px, ideálně 4vw, max 20px */}
.trida2 {background-color: #FFE96B}
.trida3 {background-color: #CCFF00}
.trida3 span {color: orange}
#snih {background-image: url('pictures/vlocky.jpg'); zadej_v_TD: "id=snih" ; width: 660; border: 0}
-->
</style>
