body, h1, h2, h3, p, ul, li {
  margin: 10px;
  padding: 0;
}

/* Body */
body {
  font-family: Arial, sans-serif;
  background-color: #ffffff; /* B�l� pozad� */
  color: #333333; /* �ed� text text */
}

/* Header */
header {
  text-align: center;
  background-color: #000000; /* �ern� barva headeru */
  color: #ffffff; /* B�l� text */
  padding: 20px 0;
}

/* Navigation */
nav {
  text-align: center;
  background-color: #333333; /* �ed� navigation */
  padding: 10px 0;
}

nav a {
  color: #ffffff; /*B�l� text */
  background-color: #000000; /* �ern� pozad� */
  font-family: calibri, arial, sans-serif;
  font-size: 20px;
  font-variant: small-caps;
  text-decoration: none;
  border-radius: 8px;
  margin: 5px;
  padding: 8px 20px;
  transition: ease 1s;
}

nav a:hover {
  color: #000000; /* Text z�ern� */
  background-color: #ffffff; /* Pozad� zb�l� */
}

/* Hlavn� Section */
section {
  padding: 20px;
}

/* Footer */
footer {
  text-align: center;
  background-color: #000000; /* �ern� pozad� */
  color: #ffffff; /* B�l� text */
  padding: 20px 0;
}

img {
  max-width: 700px; /* Max. ���ka pro obr�zky */
  display: block; /* Obr�zky nevlezou do textu :D */ 
  margin-bottom: 10px; /* Mezera u spodu obr�zk� */
}