@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body{
    margin: 0px;
    font-family: "Nunito", sans-serif;
    font-style: normal;
}
header{
	position: relative;
    background-color: #5900BB;
    width: 100%;
    height: auto;
	box-shadow: 0px 0px 100px #9433ff inset;
}
header h1{
    text-align: center;
    color: #73ffe5;
    margin: 0px;
    padding-top: 3%;
    font-size: 4vw;
    text-shadow: 0px 0px 10px #75d9c6;
}
header h2{
    text-align: center;
    color: #a6c2ff;
    margin: 0px;
    padding-top: 1%;
	padding-bottom: 3%;
    font-size: 3vw;
    text-shadow: 0px 0px 10px #748dc2;
}
nav{
    position: relative;
    background-color: #090075;
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 10px #090050;
	display: flex;
	justify-content: center;
	align-content: center;
}
.nav-odkaz{
    position: relative;
    padding-top: 1%;
	padding-bottom: 1%;
    width: 20%;
    text-align: center;
	justify-content: center;
	align-content: center;
}
nav a{
    text-align: center;
    color: #00E6FF;
    text-decoration: none;
    font-size: 1.5vw;
    text-shadow: 0px 0px 5px #00E6FF;
}
nav a:hover{
    color: #EBFC03;
    text-decoration: underline;
    text-shadow: 0px 0px 8px #EBFC03;
}
main{
	position: relative;
    background-color: #DDFFF5;
    width: 100%;
	height: auto;
	padding-bottom: 100px;
	min-height: 100vh;
	padding-top: 1px;
	box-shadow: 0px 0px 30px black inset;
}
footer{
	position: relative;
    background-color: #003448;
    width: 100%;
    height: 40px;
    box-shadow: 0px 0px 10px #003448;
	font-size: 17px;
}
footer p{
    text-align: center;
    color: #11FFB1;
    font-weight: bold;
    margin: 0px;
    padding-top: 9px;
	text-shadow: 0px 0px 5px #00cc88;
}
.kontakty{
	font-size: 30px;
	text-align: center;
}
.okraj{
	border: 5px outset #004530;
}
p.vlevo{
	font-size: 25px;
	margin-left: 100px;
	margin-right: 30%;
}
p.vpravo{
	font-size: 25px;
	margin-left: 30%;
	margin-right: 100px;
	text-align: right;
}
img:hover{
	opacity: 0.7;
}
@media screen and (max-width: 800px) {
	nav a {
		font-size: 3vw;
	}
}