html{
	background-color: #ffdab9;
}
body {
	font-family: Arial, Helvetica, sans-serif;
}
header {
	background-color: #556b2f;
	padding-top: 1em;
	padding-bottom: 0.5em;
	border-style: solid;
	border-color: pink;
	border-width: 10px;
	border-radius: 8px;
	display: flex;
	align-items: center; /* Align items vertically in the center */
	justify-content: space-between; /* Distribute space between items */
}

header img {
	flex: 1; /* Each image takes up equal space */
	max-width: 120px;
	height: auto;
	margin-left: 70px;
	margin-right: 70px;
}

.text-container {
	flex: 2; /* Text container takes up more space compared to images */
	text-align: center; /* Center text inside the container */
}

nav{
	background-color: #556b2f;
	border-radius: 10px;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
	word-spacing: 15px;
	border-style: solid;
	border-color: pink;
	border-width: 8px;
	padding: 15px;
}

nav a{
	color: 	#ffdab9;
	font-weight: bold;
	font-size: 1.4em;
	margin: 15px;
	padding: 15px;
	text-decoration: none;
	border-radius: 10px;
}

nav > a:hover{
    background-color:pink;
	color: #556b2f;
	border-style: solid;
	border-color: #556b2f;
	border-width: 3px;
}


#nazov{
	color: 	#ffdab9;
	text-align: center;
	font-style: bold;
	font-size: 1.2em;
	margin-top:0;
}

#nadpis{
	font-size: 2em;
}

h1{
	color: 	#ffdab9;
	text-align: center;
	font-style: bold;
}

h3{
	color: 	#556b2f;
	text-align: center;
	font-style: bold;
}

#info{
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
}

.dennik{
	text-align: left;
	margin-left: 20%;
	margin-right: 20%;
}

th{
	color: 	#556b2f;
	text-align: left;
	font-style: bold;
}

td{
	text-align:center-left;
}

ul{
	padding-left: 10%;
	padding-right: 10%;
}

section{
	background-color: pink;
	border-color: #556b2f;
	border-width: 4px;
	border-style: double;
	border-radius: 15px;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 2%;
	margin-bottom:2%;
	padding: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.7em;
	text-align: center;
}

#vychodiska{
	margin-left: 10%;
	margin-right: 10%;
}

footer {
	color: #ffdab9;
	background-color: #556b2f;
	text-align: center;
	font-size: 1em;
	word-spacing: 8px;
	border-radius: 15px;
	padding: 0.1% 0.1%;
}