body {background-color: rgb(92, 141, 94);}

.taivas {background-image: url(yotaivas.jpg);
background-size: contain;
}

.katto{background-image: url(katto_yoo.jpg);
box-shadow: 0px 20px 10px -10px #0e0d0da1;
}

.talo {background-image: url(tiiliseina_yo.png);}

.ikkuna {background-image: none;
background-color: rgb(3, 3, 3);
border-color: rgb(177, 86, 116);
}

.ovi {background-color: rgb(163, 85, 111);}

.kyltti {
    color: rgb(3, 3, 3);
    background-color: #bd848b;
    text-shadow: #fc8bd6;
}

.tolpat {border-color: black;}

.valot, .ikkuna:hover {
    background-color: rgb(216, 112, 147);
    box-shadow: 0px 0px 30px rgb(109, 51, 70);
    border-color: rgb(177, 86, 116);
}

.aava:hover {
    background-image: url(aava.jpg);
    background-size: cover;
        box-shadow: none;
    border-color: rgb(177, 86, 116);
}

.karvinen:hover {
    background-image: url(karvinen.webp);
    background-size: cover;
    box-shadow: none;
    border-color: rgb(177, 86, 116);
    background-position: center;
}
 
