img {
    height: 300px;
    margin: 10px;
}

header {
    height: 150px;
    background-image: url("slike/voca.png");
    background-size: cover;
    background-position: center;
    text-align: center;
    color: beige;

}

h1 {
    padding: 25px;
    font-size: 90px;
}

.naranca {
    background-color: rgb(254, 198, 101);
    padding: 15px;
    margin-bottom: 20px;
    color: rgb(121, 85, 22);
    padding-right: 15px;
}

.naranca img {
    float: left;
}

.jabuka {
    background-color: rgb(116, 155, 100);
    padding: 15px;
    margin-bottom: 20px;
    color: rgb(35, 94, 12);
    padding-right: 15px;
}

.jabuka img {
    float: right;
}

.lubenica {
    background-color: rgb(142, 220, 147);
    padding: 15px;
    margin-bottom: 20px;
    color: rgb(33, 88, 36);
    padding-right: 15px;
}

.lubenica img {
    float: right;
}

.kivi {
    background-color: rgb(151, 122, 88);
    padding: 15px;
    margin-bottom: 20px;
    color: rgb(72, 49, 24);
    padding-right: 15px;
}

.kivi img {
    float: left;
}

body {
    background-color: rgb(205, 197, 197);
    min-height: 350px;
}

main {
    padding: 40px;
    background-color: rgb(255, 255, 255);
}

* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

p {

    padding: 10px;
}

footer {
    text-align: right;

}

article {
    min-height: 350px;
    padding: 10px;
}