header {
	color: white; 
	background-color: rgb(0,0,0);
	font-family: calibri, sans-serif, Arial;
	font-variant: small-caps;
	font-size: 50px;
	text-align: center;

}


table {
	border-collapse: collapse;
	font-family: 'Courier New', monospace;
	font-size: 10px;
	background-color: rgb(235,52,137);
}

table, th, td {
	border: 5px solid black;
}

h2{
	font-size: 25px;
	font-family: 'Courier New', monospace;
	color: white;
		  text-decoration: underline purple;

	}
	
p{
	font-family: 'Courier New', monospace;
	color: white;
	font-size: 35 px;
}


h4{
	font-size: 10 px;
	color: red;
	text-align: center;
	}
	
h5{
	font-family: 'Courier New', monospace;
	font-size: 50px;
	text-align: center;
	}

th {
	background-color: rgb(64,0,255);
}

tr:nth-child(odd) {
	background-color: #4000ff;
}

body {
  background-image: url("https://home.spsostrov.cz/~balava/osobniweb/obr/Project%206.gif");
  background-color: (0, 0, 0, 0.3);
  background-position: center;
  background-repeat: no-repeat;
}

nav{ 
	background-image: url("https://home.spsostrov.cz/~balava/osobniweb/obr/Project%203.gif");
	background-position: center;
	background-repeat: no-repeat;
    text-align: center;
    padding: 20px;
	position: sticky;
	overflow: hidden;
	top: 0;
	margin: 1;
	padding: 1;
}

nav a{
    color: white;
    font:  20px 'Courier New', monospace;
    padding: 22px 10px;
    text-decoration: none;
	text-align: center;
}

nav a:hover{
    color:white;
    background-image: url("https://home.spsostrov.cz/~balava/osobniweb/obr/dalorean.png");
	background-position: center;
	background-repeat: no-repeat;
	transition-delay: 0.5s;
	transition:1s ease;
}

	h3{
	font-size: 45px;
	font-family: 'Courier New', monospace;
	color: white;
	text-align: center;
	text-decoration: underline wavy purple;
	}



h1{
  width: 1920px;
  height: 116px;
  background-color: purple;
  animation-name: example;
  animation-duration: 5s;
  text-align: center;
}

.nacitani {
overflow: hidden; 
border-right: .15em pink; 
animation: nacten 5s steps(200, end);
}


.barvi {
    background: linear-gradient(271deg, #ff00a2, #5b1985, #ff66ec, #000000);
    background-size: 800% 800%;

    -webkit-animation: animačka 23s ease infinite;
    -moz-animation: animačka 23s ease infinite;
    -o-animation: animačka 23s ease infinite;
    animation: animačka 23s ease infinite;
}

@-webkit-keyframes animačka {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@-moz-keyframes animačka {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@-o-keyframes animačka {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}
@keyframes animačka {
    0%{background-position:0% 53%}
    50%{background-position:100% 48%}
    100%{background-position:0% 53%}
}


@keyframes nacten {
from { width: 0 }
to { width: 100% }
}