header {
background-color: #2053a8; /* modra glava */
color: #fff;
padding: 30px 0 20px 0;
text-align: center;
box-shadow: 0 4px 10px rgba(70, 70, 70, 0.07);
}

nav {
background-color: #e0e7ff; /* svetla navigacija */
margin-bottom: 25px;
box-shadow: 0 2px 10px rgba(32, 83, 168, 0.10);
}

nav ul {
display: flex;
gap: 30px;
list-style: none;
justify-content: center;
margin: 0;
padding: 12px 0;
}

/* POPRAVLJENO: slika v section, majhna in v levem kotu */
section img {
width: 200px;
height: 200px;
float: left;
margin: 0 15px 15px 0;
}

nav ul li a {
color: #2053a8;
text-decoration: none;
font-weight: bold;
font-size: 1.19em;
padding: 7px 16px;
border-radius: 6px;
transition: background 0.2s, color 0.2s;
}

nav ul li a:hover,
nav ul li a:focus {
background-color: #2053a8;
color: #fff;
}

footer {
background: #2053a8;
color: #fff;
text-align: center;
padding: 12px 0;
margin-top: 400px;
box-shadow: 0 -2px 10px rgba(32, 83, 168, 0.10);
}