
@import url('https://fonts.googleapis.com/css2?family=Chango&display=swap');
body {
    background-color: rgb(145, 145, 145);
    margin: 0;
    padding-bottom: 100px;
}

.taivas {
padding-top: 1px;
background-image: url(taivas.jpg);
background-size: cover;
}

.talo {
    width: 800px; 
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: rgb(160, 156, 148);
    margin-top: 100px;
    background-image: url(betoniseina.jpg);
    position: relative;
}

.katto {
    background-color: #000000;
    height: 150px;
    margin-bottom: 30px;
    box-shadow: 0px 40px 30px -20px #69696698;
    background-image: url(katto.jpg);
}

.ikkuna {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin: 10px;
   background-color: #A2D0DE;
    background: linear-gradient(130deg, rgba(162, 208, 222, 1) 0%, rgba(252, 252, 252, 1) 35%, rgba(230, 241, 245, 1) 39%, rgba(162, 208, 222, 1) 88%, rgba(162, 208, 222, 1) 61%);
    border: 10px inset #9b9386;

}

.ovi {
    background-color: rgb(0, 0, 0);
    width: 120px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
}

.lamppu {
    position: absolute;
    left: 20px;
    bottom: -70px;
    pointer-events: none;

}

.kyltti {
    font-size: 60px;
    background-color: aliceblue;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(83, 83, 83);
    padding: 6px;
    border-radius: 3px;
    font-family: "Chango", sans-serif;
    font-weight: 400;
    font-style: normal;
    box-shadow: 0px 40px 30px -15px #1e1d20;
}   

.tolpat {
    border: 10px ridge #686868;
    width: 250px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    border-top: none;
    border-bottom: none;
}

.kyltti, .tolpat {
    position: relative;
    top: -20px;
}

a {
    color: inherit;
    text-decoration: none;
}