/*sablonka pre 05-web.html*/

body{background-image: url(img/pozadie.png);
    margin:0px;
    padding:5px;
}
header,nav,main,footer{
	margin: 5px;
	padding: 3px;
	background-color: rgba(112, 220, 253, 0.7);
	border: solid black 5px;
	border-radius: 20px;
	
	}
header{
    height: 7vh;
	text-align: center;
	
}

.kontajner{
    width: 100vw;
}
nav{
    height: 7vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	

}
main{
    height: 73vh;
    overflow: auto;
}
footer{

    height: 7vh;}
@media(min-width:481px){
    .kontajner{
        display: flex;
        flex-direction: row;
        width: 100vw;
    }
    nav,main{
        height: 80vh;
        box-sizing: border-box;
    }
	nav{
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}
    main{
        flex-grow: 1;
    }
}
img{
	height:20vh

}