@font-face {
    font-family: Kyltti;
    src: url(fontti/DynaPuff-VariableFont_wdth\,wght.ttf);
}


body {
    margin: 0;
    background-color: rgb(46, 41, 41);
    
}

div {
    
}

.taivas {
    background-color: rgb(243, 222, 255);
    padding-top: 1px;
  background-image:  linear-gradient(0deg,rgba(255, 255, 255, 1) 6%, rgba(222, 225, 255, 1) 28%, rgba(171, 181, 255, 1) 37%, rgba(216, 143, 255, 1) 64%, rgba(255, 115, 248, 1) 91%, rgba(224, 114, 151, 1) 100%);
background-image: url(taivas.jpg);
background-size: cover; 
background-position: center bottom; 

}
    
.talo {
    width: 630px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255, 239, 151);
    background-image: url(seina.png);
    background-position: cover;
    margin-top: 80px;
    position: relative;

}

.katto {
    height: 130px;
    background-color: rgb(2, 2, 2);
    box-shadow: 0px 10px 10px #250a0a;
    background-image: url(katto.png);
    background-position: cover;
}

.kyltti {
    background-color: rgb(255, 255, 255);
    width: 150px;
    padding: 15px;
    font-size: 25px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    font-family: Kyltti, sans-serif;
    color: rgb(59, 26, 26);
    box-shadow: 0px 20px 10px #000000;
    text-shadow: 2px 2px 0px #4e4e4e;
}

.tolpat {
width: 90px;
height: 35px;
border: 6px ridge black;
margin-left: auto;
margin-right: auto;
border-top: none;
border-bottom: none;


}

.kyltti, .tolpat {
    position: relative;
    top: -5px;

}

.ikkuna {
    width: 95px;
    height: 95px;
    margin: 20px;
    display: inline-block;
    background-color: rgb(220, 235, 255);
    background-image:linear-gradient(323deg,rgba(171, 242, 255, 1) 2%, rgba(122, 190, 250, 1) 16%, rgba(255, 255, 255, 1) 75%, rgba(114, 207, 224, 1) 100%); 
    border: 10px inset #3d1d1d;
}

.ovi{
    width: 70px;
    height: 150px;
    background-color: rgb(66, 19, 7);
   margin-left: auto;
   margin-right: auto;
   background-image: url(ovi.png);

}

.lamppu {
    position: absolute;
    left: -90px;
    bottom: -90px;
    pointer-events: none;
}

.Kenny  {
    position: absolute;
    left: 100px;
    bottom: -65px;
}

a {
    text-decoration: none;
    color: inherit;
}