li {color:purple; font-size:16px;}

h1 {color:crimson; font-size:30px; font-family:system-ui;}
p {text-indent:10px; color:blue; font-size:15px}

a:link {color:green, text-decoration:underline}
a:visited {color:black}
a:hover {color:white}

img {max-width: 400px}

.naslov{text-align: center; text-decoration: underline}


header { 
		background-color: pink;
		}

section {
	     text-decoration: none;
		 margin-right: 10px; 
        }
		
nav a {
	   color: black;
	   margin-left: 20px;
	   padding: 10px;
	   display: inline-block;
      }	
	  
footer {
	    position: bottom;
		background-color: pink;
		bottom: 10px;
		left: 10px;
		right: 10px;
       }	
nav a.aktivni{padding: 5px;
              background-color: hotpink;}
@media (max-width:1200px) {
	img {max-width: 50%}
	nav a {padding: 10px;
           background-color: royalblue;
		   }
	h1 {color: purple;}
}   

@media (max-width:600px) {
	img {max-width: 100%}
	nav a {display: block;
	       margin: 5px 10px;
		   background-color: purple; }
	h1 {color: royalblue; }	   
}