@font-face {
    font-family: Kyltti;
    src: url(Notable-Regular.ttf);
}
body {
    margin: 0;
    background-color: #919191;
    background-image: url(ruohomaa.jpg);
    background-position: top;
}
.taivas {
    background-color: hsl(210, 100%, 88%);
    padding-top: 1px;
background-color: #a7defa;
background-image: linear-gradient(0deg, rgba(167, 222, 250, 1) 19%, rgba(138, 211, 242, 1) 50%, rgba(155, 201, 232, 1) 88%);
background-image: url(taivas.jpg);
background-size: cover;
background-position: center;
}
.talo {
    width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #90c1e9;
    margin-top: 60px;
    position: relative;
    background-image: url(seina.jpg);
    background-position: center;
}
.katto {
    height: 115px;
    background-color: #5d859b;
    margin-bottom: 4px;
    background-image: url(katto.jpg);
    background-position: center bottom;
    box-shadow: 0px 15px 10px -10px #a0948b;
}
.kyltti {
    background-color: #e8f7ff;
    width: 230px;
    padding: 8px;
    font-size: 25px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-family: Kyltti, serif;
    color: #6bb9d3;
    box-shadow: 0px 30px 20px -20px #3b3b3b;
    text-shadow: 2px 0px 2px #4a6270;
    text-align: center;
}
.tolpat {
    width: 100px;
    height: 20px;
    border: 10px ridge #777575;
    margin-left: auto;
    margin-right: auto;
    border-top: none;
    border-bottom: none;
}
.kyltti, .tolpat {
    position: relative;
    top: -20px;
}
.ikkuna {
    width: 90px;
    height: 90px;
    margin: 18px;
    display: inline-block;
    background-color: #f0e8ff;
background: #cff2ff;
background: linear-gradient(32deg, rgba(207, 242, 255, 1) 31%, rgba(255, 255, 255, 1) 53%, rgba(156, 199, 230, 1) 80%);
    border: 8px inset #5ea8cf;
}
.ovi {
    width: 90px;
    height: 180px;
    background-color: #fffbeb;
    margin-left: auto;
    margin-right: auto;
    background-image: url(puuovi.png);
    background-size: cover;
    background-position: center;
}
.lamppu {
    position: absolute;
    left: -100px;
    bottom: -100px;
    pointer-events: none;
}
a {
    text-decoration: none;
    color: inherit;
}