@font-face {
    font-family: kyltti;
    src: url(FasterOne-Regular.ttf);
}

body {
background-color: rgb(151, 196, 78);
 background-image: url(kuvat/maayo.jpg);
}

.taivas {
    background-color: rgb(170, 231, 255);
    background-image: url(kuvat/taivasyo.jpg);
}

.talo {
    background-color: pink;
   background-image: url(kuvat/seinayo.png);
}

.katto {
    background-color: rgb(255, 98, 125);
    box-shadow: 0px 15px 20px -15px rgb(201, 68, 90);
    background-image: url(kuvat/kattoyo.png);
}

.kyltti {
    background-color: rgb(202, 134, 160);
    text-shadow: 4px 4px 0px #e100ff;
    color: rgb(255, 0, 255);
    box-shadow: 0px 30px 20px -20px rgb(138, 48, 108);
}

.tolpat{
    border-color:#000000;
}

.ikkuna {
    display: inline-block;
    background-color: rgb(253, 255, 117);
    background-image: linear-gradient(321deg,rgb(37, 37, 27) 0%, rgb(105, 101, 84) 50%, rgb(78, 78, 50) 100%);
    border: 10px inset rgb(248, 153, 169);
}

.ikkuna:hover, .valvoja {
    background-image: none;
    background-color: rgb(247, 247, 126);
    box-shadow: 0px 30px 20px -20px rgb(240, 253, 179);
    border-color: bisque;
}

.ovi {
    background-color: rgb(255, 49, 83);
    background-image: url(kuvat/oviyo.jpg);
}

.kondeolli {
    position: absolute;
    right: 80px;
    bottom: -50px;
}

.kissa:hover{
    background-image: url(kuvat/cat-cat-dance.gif);
    background-size: contain;
}

.konde:hover{
    background-image: url(kuvat/konde.gif);
    background-size: contain;
}

.litilitmanen:hover{
    background-image: url(kuvat/litilitmanen.gif);
    background-size: contain;
}

.koira:hover{
    background-image: url(kuvat/haijjaa.gif);
    background-size: contain;
}

.UwU:hover{
    background-image: url(kuvat/UwU.gif);
    background-size: contain;
}

.apina:hover{
    background-image: url(kuvat/apina.gif);
    background-size: contain;
}