/* CSS Document */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  /* border:solid 1px black; */
  margin:8px;
  color:DarkSlateGray;
  background-color:Azure;
}
img {
  float:left;
  margin:4px 8px 8px 0;
  border:solid 2px black;
}
h1 {
  color:Azure;
  background-color:DarkSlateGray;
  border:solid 4px red;
  margin:0.5em 0;
  font-family:cursive;
  font-size:26pt;
  text-decoration:underline;
  text-align:center;
  padding:0.5ex;
  border-radius:0 16px 16px 36px;
  border-top-right-radius:36px;
}
h2 {
  clear:left;
  border:solid 3px DarkSlateGray;
  margin:8px 0 4px;
  border-radius:24px;
  padding-left:1em;
  font-family:cursive;
  width:50%;
  background-image:linear-gradient(to right,red,azure,yellow);
}
p {
  /* border:solid 1px blue; */
  margin-bottom:4px;
  text-align:justify;
  text-indent:1.5em;
}

/* definice tříd */
*.zvyrazni { font-weight:bold; }
.cervene  { color:red; }
.odsad    { margin-left:80px; }
.podbarvi { background-color:lightgreen; }
.oramuj   { border:solid 1px navy; }

/* stylování prvku s id */
h2#k5 { color:blue; }