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


body  {
    margin: 0;
    background-color: #4f5758;
}

.taivas {
    background-color: #5bc2db;
    padding-top: 1px;
    background-image: linear-gradient(157deg
    ,rgba(42, 100, 155, 1) 0%, rgba(87,
     162, 199, 1) 
    46%, rgba(83, 186, 237, 1) 76%); 
    background-image: url(taivas.jpg);
    background-size: cover;
background-position: center bottom;
}

.talo {
    width: 600px;
    text-align: center;
    margin: auto;
    background-color: #f1eded;
    margin-top: 70px;
    position: relative;
    background-image: url(seina2.jpg) ;
}

.katto  {
    height: 120px;
    background-color: #dbd4d4;
    margin-bottom: 20px;
        box-shadow: 0px 15px 30px -10px #6b3131;
        background-image: url(katto2.jpg);
}

.kyltti {
    background-color: #ffdcdc;
    width: 200px;
    padding: 10px;
    font-size: 25px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    font-family: Kyltti, serif;
    color: #af6d6d;
    box-shadow: 0px 30px 20px #6b3131;
    text-shadow: 1px 1px 0px #ff6565;

}



.tolpat {
    width: 40px;
    height: 30px;
    border: 8px ridge #925959;
    margin-left: auto;
    margin-right: auto;
    border-top: none;
    border-bottom: none;
}

.kyltti, .tolpat {

    position: relative;
    top: -40px;
}

.ikkuna {

width: 110px;
height: 110px;
margin: 15px;
display: inline-block;
background-color: #b8eef0;
border: 10px inset #000;
background: linear-gradient(342deg,
rgba(238, 191, 174, 1)
 17%, rgba(242, 136, 65, 1) 81%);

}

.ovi {
    width: 80px;
    height: 170px;
    background-color: #913844;
    margin-left: auto ;
    margin-right: auto ;
    background-image: url(ovi2.jpg);
    background-size: cover;
    background-position: center bottom ;
}

.lamppu {
position: absolute;
left: -70px;
bottom: -120px;

}

a {

    text-decoration: none;
    color: inherit;
}