*{
    box-sizing: border-box;
}

body{
    background-color: skyblue;
    overflow-y: hidden;
    text-align: center;
}

.homebutton{
    background-color: white;
    position:fixed;
    width:20%;
    height:20%;
    top:50px;
    left:50px;
}

.ground{
    background-color: green;
    position:absolute;
    height:10%;
    width:100%;
    bottom:0px;
    left:0px;
}

.path{
    background:grey;
    position:relative;
    height:50%;
    width:35%;
    top:0;
    left:45%;
    border-radius: 0 0 0 40px;
}

.roof{
    background: transparent;
    position:absolute;
    height:0px;
    width:0px;
    border-left:60vh solid transparent;
    border-right:60vh solid transparent;
    border-bottom:60vh solid rgb(34, 33, 33);
    left:21.25%;
    bottom:70%;
}

.house{
    background:rgb(102, 66, 11);
    position:fixed;
    height:60%;
    width:50%;
    left:25%;
    bottom:10%;
}

.door{
    background-color:rgb(102, 66, 11);
    position:absolute;
    height:40%;
    width:25%;
    border:5px solid;
    border-radius: 30px 30px 0 0;
    left:37.5%;
    bottom:0px;


}