@font-face {
    font-family: Kyltti;
    src: url(Agbalumo/Agbalumo-Regular.ttf);

}

body {
    margin: 0;
    background-color: rgb(51, 201, 151);
}
.taivas {
    background-color: rgb(223, 255, 255);
    padding-top: 1px;
    background-image: linear-gradient(0deg,rgba(125, 233, 255, 1) 0%, rgba(87, 107, 255, 1) 100%);
    background-image: url(taivas.jpg);
    background-size: cover;
    background-position: center bottom;
}
.talo {
    width: 600px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: rgb(255, 174, 208);
margin-top: 80px;
background-image: url(walll.webp);
    background-size: cover;
    background-position: center bottom;
    position: relative
}
.katto {
    height: 120px;
    background-color: rgba(56, 51, 51, 0.432);
    margin-bottom: 10px;
    background-image: url(katto.jpg);
    box-shadow: 0px 30px 20px -20px #474345;
}

.kyltti {
     font-family: Kyltti, serif;
     color: rgb(165, 42, 110);
     box-shadow: 0px 30px 20px #0a0a0a81;
    background-color: rgb(255, 236, 249);
    width: 150px;
    padding: 8px;
    font-size: 25px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 2px 2px 0px #ff8dc0;
}
.tolpat {
    width: 100px;
    height: 30px;
    border: 10px ridge #999;
    margin-left: auto;
    margin-right: auto;
    border-top: none;
    border-bottom: none;
}
.kyltti, .tolpat {
    position: relative;
    top: -30px;
}

.ikkuna {
    width: 90px;
    height: 90px;
    margin: 10px;
    display: inline-block;
    background-color: rgb(255, 211, 211);
    background-image: linear-gradient(224deg,rgba(138, 232, 255, 1) 0%, rgba(171, 248, 255, 1) 28%, rgba(255, 255, 255, 1) 49%, rgba(107, 233, 255, 1) 100%);
    border: 10px inset rgb(255, 151, 215);
}
.ovi {
    width: 90px;
    height: 210px;
    background-color: palevioletred;
    margin-left: auto;
    margin-right: auto;
    background-image: url(ovi.edit.png);
       background-size: cover;
    background-position: center; 
}
.lamppu {
    position: absolute;
    left: -120px;
    bottom: -120px;
    pointer-events: none;
}
a {
    text-decoration: none;
    color: inherit;
}