*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial,sans-serif;
line-height:1.5;
background-color:#f5f5f5;
}

header{
background-image:url("voce.webp");
background-size:cover;
background-position:center;
height:150px;
text-align:center;
padding-top:50px;
}

header h1{
color:white;
text-shadow:2px 2px 4px black;
}

main{
padding:10px;
}

main h2{
margin-bottom:10px;
}

main p{
margin-bottom:10px;
}

article{
overflow:auto;
padding:10px;
margin-bottom:10px;
border-radius:5px;
}

article img{
width:180px;
height:auto;
margin:5px 10px;
}

.naranca{
background-color:#ffcc80;
color:#663300;
}

.naranca img{
float:left;
}

.jabuka{
background-color:#ff8a80;
color:white;
}

.jabuka img{
float:right;
}

.kivi{
background-color:#aed581;
color:#1b5e20;
}

.kivi img{
float:left;
}

.lubenica{
background-color:#f48fb1;
color:#880e4f;
}

.lubenica img{
float:right;
}

footer{
background-color:#333;
color:white;
text-align:right;
padding:10px;
}