#house{position:relative; 
        border: 1px solid black;
        background-color:antiquewhite;
        height: 400px;
        width: 500px;
        margin-top: 200px;
        margin-left: auto;
        margin-right: auto;
        background: repeating-linear-gradient(
    180deg,
    rgb(18, 14, 14) 5px,
    rgb(242, 234, 182) 10px,
    rgb(242, 234, 182) 30px,
    rgb(96, 94, 94) 5px)}

#chimney{position: absolute;
        width: 75px;
        height: 100px;
        border: 1px solid black;
        background-color: rgb(106, 72, 33);
        z-index:-1;
        top: -100px;
        --s: 15px;
        --c1: #774f38;
        --c2: #f1d4af;
        --g: conic-gradient(at 98% 48%, #0000 75%, var(--c1) 0);
        background: var(--g), var(--g) var(--s) var(--s) var(--c2);
        background-size: calc(2*var(--s)) calc(2*var(--s))}

#roof{position: absolute;
    width: 500px;
    height: 110px;
    border: 1px solid black;
    background-color: rgb(62, 37, 37);
    top: 0px;
    --s: 20px;
        --c1: #4d4b49;
        --c2: #000000;
        --g: conic-gradient(at 98% 48%, #0000 75%, var(--c1) 0);
        background: var(--g), var(--g) var(--s) var(--s) var(--c2);
        background-size: calc(2*var(--s)) calc(2*var(--s))}

#window-1{position: absolute;
        overflow: hidden;
        width: 80px;
        height: 130px;
        border: 2px solid black;
        background-color: rgb(139, 221, 254);
        bottom: 110px;
        left: 350px;}

#window-2{position: absolute;
        overflow: hidden;
        width: 80px;
        height: 130px;
        border: 2px solid black;
        background-color: rgb(139, 221, 254);
        bottom: 110px;
        left: 50px;}

#door{position: absolute;
        width: 100px;
        height: 200px;
        border: 3px solid black;
        border-bottom: none;
        background-color: rgb(59, 116, 102);
        bottom: 0px;
        left: 200px;}

#doorknob {
        position: absolute;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: rgb(12, 12, 10);
        top: 50%;
        right: 10px;}

.window-frame-h {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: rgb(12, 12, 10);
        top: 50%;}

.window-frame-v {
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: rgb(12, 12, 10);
        left: 50%;}

#landscape{ position: fixed;
            background-color: rgb(50, 114, 50);
            width: 100%;
            height: 45%;
            bottom: 0;
            left: 0;}

body{background-color:rgb(193, 220, 252)}