.taivas {
    background-image: url(taivas.yo.jpg);
}

body {
    background-image: url(grass.yo.png);
}

.talo {
    background-image: url(pink-seina_yo.jpg);

}

.ikkuna {
    background: #385961;
    background: linear-gradient(0deg, rgba(56, 89, 97, 1) 0%, rgba(65, 124, 130, 1) 34%, rgba(17, 47, 69, 1) 69%);

}

.ikkuna:hover:not(.goodnight, .purple, .ivan), .valvoja {
    background-image: none;
    background-color: #e2d095;
    box-shadow: 0px 0px 20px #e2d095;
    border-color: #e2d095;
    
}

.goodnight:hover {
    background-image: url(goodnight.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: black;
    background-position: center bottom;
}

.purple:hover {
    background-image: url(purple.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: black;
    background-position: center bottom;
}

.ivan:hover {
    background-image: url(ivan.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: black;
    background-position: center;
}

.ovi {
    background-image: url(ovi-yo.png);
}

.katto {
    background-image: url(katto-yo.png);
}

.kyltti {
    background-color: rgb(136, 78, 110);
    text-shadow: 0px 0px 15px #ffedfa;
}

.tolpat {

}