* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: Arial, sans-serif;
}

header, footer {
    background: #c16767;
    color: white;
    text-align: center;
    padding: 20px;
}

main {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 900px;
    justify-content: center;
}

.box {
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

/* Default slike */
.box:nth-child(1) { background-image: url('../6.3/slike/bijelo.jpg'); }
.box:nth-child(2) { background-image: url('../6.3/slike/drvo.jpg'); }
.box:nth-child(3) { background-image: url('../6.3/slike/guster.jpg'); }
.box:nth-child(4) { background-image: url('../6.3/slike/ptica.jpg'); }
.box:nth-child(5) { background-image: url('../6.3/slike/voda.jpg'); }
.box:nth-child(6) { background-image: url('../6.3/slike/zeleno.png'); }
.box:nth-child(7) { background-image: url('../6.3/slike/kap.jpg'); }
.box:nth-child(8) { background-image: url('../6.3/slike/konj.jpg'); }
.box:nth-child(9) { background-image: url('../6.3/slike/kava.png'); }

/* Hover swap */
.box:nth-child(1):hover { background-image: url('../6.3/slike/bijelo_hover.jpg'); }
.box:nth-child(2):hover { background-image: url('../6.3/slike/drvo_hover.jpg'); }
.box:nth-child(3):hover { background-image: url('../6.3/slike/guster_hover.jpg'); }
.box:nth-child(4):hover { background-image: url('../6.3/slike/ptica_hover.jpg'); }
.box:nth-child(5):hover { background-image: url('../6.3/slike/voda_hover.jpg'); }
.box:nth-child(6):hover { background-image: url('../6.3/slike/zeleno_hover.jpg'); }
.box:nth-child(7):hover { background-image: url('../6.3/slike/kap_hover.jpg'); }
.box:nth-child(8):hover { background-image: url('../6.3/slike/konj1_hover.jpg'); }
.box:nth-child(9):hover { background-image: url('../6.3/slike/kava_hover.jpg'); }
