body {
    background-image: url('zwartag.jpg'); 
    background-repeat: repeat;               
    background-size: 700px; 
    margin: 0;
    padding: 0;
    font-family: "MS PGothic", "MS Gothic", "Courier New", monospace;
    overflow: hidden;
}

.achtergrond {
    background-image: url('image_28c70c.jpg');
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ster-deco {
    position: absolute;
    width: 80px; 
    z-index: 1;
    pointer-events: none; 
}

.s1 { top: 17%; right: 8%; transform: rotate(25deg); }
.s2 { top: 42%; left: 8%; transform: rotate(20deg); }
.s3 { top: 75%; left: 15%; transform: rotate(-15deg); }
.s4 { top: 35%; right: 20%; transform: rotate(-15deg); }
.s5 { top: 65%; right: 8%; transform: rotate(25deg); }
.s6 { top: 17%; left: 20%; transform: rotate(5deg); }

.pijl {
    position: absolute; 
    top: 30px;         
    left: 30px;         
    z-index: 10;        
    transition: transform 0.2s;
}

.pijl:hover {
    transform: scale(1.1); 
}

.pijl img {
    width: 100px; 
    height: auto;
}

.tin-wrapper {
    position: relative;
    width: 700px;
}

.tin-bakje {
    width: 100%;
    display: block;
}

.item {
    position: absolute;
    transition: transform 0.2s;
}

.item:hover {
    transform: scale(1.05);
}

.item img {
    width: 100%; 
    height: auto;
}

.brief { top: 3%; left: 29%; width: 43%; }
.foto { top: 17%; left: 50%; width: 30%; z-index: 5;}
.schaar { top: 13%; left: 20%; width: 35%; z-index: 10; }
.schetsboek { top: 54%; left: 19%; width: 35%; }
.schilderij { top: 63%; left: 42%; width: 25%; z-index: 10;}
.ketting { top: 50%; left: 45%; width: 35%; z-index: 5;}