Kerrostalolle css-koodia

tällä sivustolla on tässä vaiheessa (18.11.2025)tällaista itse tehtyä CSS-koodia:😎

@font-face {
    font-family: leipateksti;
    src: url(Macondo/Macondo-Regular.ttf);
}
body {
    font-family: leipateksti, sans-serif;
    background-color: rgb(88, 88, 88);
    margin: 0;
    padding-bottom: 100px;
}

.taivas {
    background: #36e1ff;
    background: linear-gradient(0deg, rgba(54, 225, 255, 1) 0%, rgba(93, 144, 212, 1) 100%);
    padding-top: 1px;
    background-image: url(https://medipjt.fi/vjtt2408/vili.hautakoski/harjoitussivu/wp-content/uploads/taivaskuva.jpg);
    background-size: cover;
    background-position: center bottom;
}

.talo {
    position: relative;
    width: 730px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: rgb(99, 0, 0);
    background-image: url(https://medipjt.fi/vjtt2408/vili.hautakoski/harjoitussivu/wp-content/uploads/tiiliseina.jpg);
    margin-top: 100px;
}

.katto {
    background-color: burlywood;
    background-image: url(https://medipjt.fi/vjtt2408/vili.hautakoski/harjoitussivu/wp-content/uploads/tiilikatto.jpg);
    height: 120px;
    margin-bottom: 10px;
}

.ikkuna {
    background: #ffffff;
    background: linear-gradient(133deg, rgba(255, 255, 255, 1) 0%, rgba(64, 203, 244, 1) 35%, rgba(255, 255, 255, 1) 68%, rgba(0, 186, 242, 1) 100%);
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 9px;
    background-color: rgb(0, 0, 0);
    border: 10px ridge rgb(168, 27, 27)
}

.ovi {
    background-color: burlywood;
    width: 110px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
}

.lamppu {
    position: absolute;
    bottom: -95px;
    left: -30px;
}

.kyltti{
    color:bisque;
    background-color: rgb(168, 27, 27);
    font-size: 32px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;

}

.tolpat{
border: 10px ridge gray;
width: 200px;
margin-left: auto;
margin-right: auto;
height: 27px;
border-top: none;
border-bottom: none;
}

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