@font-face {
    font-family: "kylttifontti";
    src: url(Alfa_Slab_One/AlfaSlabOne-Regular.ttf);
}


body {
    background-color: #666;
    margin: 0;
    padding-bottom: 100px;
}

.talo {
width: 620px;
background-image: url(tiiliseina.jpg);
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: rgb(191, 223, 183);
margin-top: 60px;
position: relative;
}

.taivas {
background-color: #A0D9EF;
background: linear-gradient(5deg, rgba(160, 217, 239, 1) 0%, rgba(98, 193, 229, 1) 50%, rgba(28, 150, 197, 1) 100%);
background-image: url(taivas.jpg);
padding-top: 1px;
background-size: cover;
}

.katto {
background-color: rgb(77, 53, 53);
background-image: url(tiilikatto.jpg);
height: 80px;
margin-bottom: 20px;
box-shadow: 0px 25px 30px -15px #50352c;
}

.ikkuna {
width: 140px;
height: 140px;
display: inline-block;
margin: 10px;
background: #CFECF7;
background: linear-gradient(175deg, rgba(207, 236, 247, 1) 20%, rgba(255, 255, 255, 1) 37%, rgba(160, 217, 239, 1) 52%);
border: 10px inset rgb(145, 145, 145);
}

.ovi {
    background-color: rgb(77, 53, 53);
    width: 80px;
    height: 120px;
    margin-right: auto;
    margin-left: auto;
}
.lamppu {
    position: absolute;
    left: -80px;
    bottom: -160px;
    pointer-events: none;
}

.kyltti {
    font-size: 30px;
    background-color: rgb(253, 255, 240);
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    color: #123;
    padding: 6px;
    border-radius: 3px;
    font-family: kylttifontti;
    box-shadow: 0px 20px 40px -10px #50352c;
}
.tolpat {
    border: 8px ridge #777;
    width: 150px;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
    border-top: none;
    border-bottom: none;
}

.kyltti, .tolpat {
    position: relative;
    top: -40px;
}
a {
   color: inherit;
   text-decoration: none; 
}