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


body {
    margin: 0;
    background-color: rgb(149, 214, 129);
}
.taivas {
    background-color: rgba(164, 255, 247, 0.863);
    padding-top: 1px; /* jotta talon ylämarginaalista ei tule taivaan ylämarginaali */
    background-image: url(yotaivas.jpg);
}
.talo {
    width: 700px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(175, 164, 197);
    margin-top: 40px;
    position: relative;
    background-image: url(tiili12.png);
}
.katto {
    height: 160px;
    background-color: rgb(145, 125, 179);
    margin-bottom: 10px;
    box-shadow: 0px 20px 20px #3d3A39;
    background-image: url(katto3.png);
}
.kyltti {
    background-color: rgb(226, 162, 201);
    width: 180px;
    padding: 8px;
    font-size: 40px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-family: kyltti;
    color: rgb(255, 255, 255);
    text-align: center;
    box-shadow: 0px 20px 20px #34235c;
    text-shadow: 4px 3px 0px #913b7077;
}
.tolpat {
    width: 100px;
    height: 30px;
    border: 6px ridge rgb(226, 162, 201);
    margin-left: auto;
    margin-right: auto;
    border-top: none;
    border-bottom: none;
}
.ikkuna {
    width: 120px;
    height: 120px;
    margin: 10px;
    display: inline-block; /* eli kuin kuva */
    background-color: rgb(148, 175, 201);
    background: linear-gradient(320deg,rgba(134, 227, 222, 1) 0%, rgba(255, 255, 255, 1) 51%, rgb(195, 216, 216) 81%);
    border: 10px inset #c2dae4;

}
.kyltti, .tolppat {
    position: relative;
    top: -30;
}
.ovi {
    width: 80px;
    height: 140px;
    margin: auto;
    background-image: url(oviyo.jpg);
}
.lamppu {
    position: absolute;
    left: -111px;
    bottom: -120px;
}
.taivas {
    background-image: url(yotaivas.jpg);
    

}
/* Alla luetellaan vain sellaiset asiat, jotka ovat eri tavalla yöllä kuin päivällä, kuten värit. */
.talo {
    background-image: url(tiiliyo.png);

}
.ikkuna {
    background-image: none;
    background: #8a8a67;
    background: linear-gradient(320deg,rgba(138, 138, 103, 1) 0%, rgba(9, 39, 64, 1) 81%);
    background-color: #3d3A39;
}
.ikkuna:hover, .valvoja {
    background-image: none;
    background-color: #d6c251;
    box-shadow: 0px 0px 0px #f5fdac;
    border-color: #f5fdac;


}
body {
    background-color: #000000;
    
}
.katto {
    background-image: url(kattoyo.png);


}
.kyltti {
    background-color: #34235c;
    color: #f5fdac;
    text-shadow: #f5fdac;

}
.tolpat {
    border-color: #34235c;
}
.katto {
    background-image: url(kattoyo.png);
}