@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(taivas.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, .tolpat {
    position: relative;
    top: -30px;
}
.ovi {
    width: 80px;
    height: 144px;
    margin: auto;
    background-image: url(ovi5.png);
}
.lamppu {
    position: absolute;
    left: -111px;
    bottom: -120px;
pointer-events: none;
}
a {
    text-decoration: none;
    color: inherit;
}