* {
    box-sizing: border-box;
}

.screen{
    background:white;
    position:fixed;
    height:100%;
    width:100%
}

.armrest{
    background-color: rgba(216, 213, 213, 0.417);
    position:fixed;  
    left:20px;
    bottom:2px;
    z-index:2;
    height:20vh;
    width:90%;
    border:10px solid;
    border-radius: 100px 100px 100px 100px;
    /* filter:drop-shadow(20px 20px); */
}

.window{
    background-color: skyblue;
    position:fixed;  
    left:-10px;
    z-index:2;
    height:80vh;
    width:90%;
    border:10px solid;
    border-radius: 80px 300px 0 0;
    overflow-y:hidden
}

.divider{
    background-color: rgb(255, 255, 255);
    position:fixed;  
    left:250px;
    z-index:3;
    height:110vh;
    width:5%;
    border:10px solid;
}

.street{
    background:rgba(0, 0, 0, 0.405);
    /* z-index:0; */
    /* position:static; */
    height:100%;
    width:4000px;
    top:300px;
    scroll-behavior:auto;
}

.house{
    background:rgb(102, 66, 11);
    position:absolute;
    border:2px solid;
    bottom:0px;
}

.roof-one{
    background-color: transparent;
    position:absolute;
    width:0;
    height:0;
    left:300px;
    bottom:100px;
    border-left:100px solid transparent;
    border-right:100px solid transparent;
    border-bottom:100px solid black;
}

.one{
    height:100px;
    width:200px;
    left:300px;
    bottom:0px;
}

.roof-two{
    background-color: transparent;
    position:absolute;
    width:0;
    height:0;
    left:800px;
    bottom:200px;
    border-left:200px solid transparent;
    border-right:200px solid transparent;
    border-bottom:200px solid black;

}

.two{
    height:200px;
    width:400px;
    left:800px;
    bottom:0px;
}

.citybuilding{
    background-color:rgb(83, 83, 83);
    position: absolute;
    height:100%;
    width:200px;
    left:2000px;
    bottom:0px;
    border:3px solid;
}

.citybuilding2{
    background-color:rgb(83, 83, 83);
    position: absolute;
    height:80%;
    width:200px;
    left:2200px;
    bottom:0px;
    border:3px solid;
}

.hill{
    background: green;
    position:absolute;
    width:15%;
    height:15%;
    left:3000px;
    bottom:-50px;
    border-radius: 100% 100% 100% 100%;

}

.hill2{
    background: green;
    position:absolute;
    width:15%;
    height:20%;
    left:3100px;
    bottom:-50px;
    border-radius: 100% 100% 100% 100%;

}

.tree{
    background-color: rgb(165, 95, 42);
    position:absolute;
    height:20%;
    width:5%;
    left:3500px;
    bottom:0px;
}

.treetop{
    /* background-color:green; */
    /* border: 2px solid; */
    position:absolute;
    height:20%;
    width:5%;
    left:3455px;
    bottom:13%;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    border-bottom:80px solid green;
}
.treetop2{
    /* background-color:green; */
    /* border: 2px solid; */
    position:absolute;
    height:20%;
    width:5%;
    left:3455px;
    bottom:20%;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    border-bottom:80px solid green;
}

.tree2{
    background-color: rgb(165, 95, 42);
    position:absolute;
    height:20%;
    width:5%;
    left:3800px;
    bottom:0px;
}

.treetop3{
    /* background-color:green; */
    /* border: 2px solid; */
    position:absolute;
    height:20%;
    width:5%;
    left:3755px;
    bottom:13%;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    border-bottom:80px solid green;
}
.treetop4{
    /* background-color:green; */
    /* border: 2px solid; */
    position:absolute;
    height:20%;
    width:5%;
    left:3755px;
    bottom:20%;
    border-left:80px solid transparent;
    border-right:80px solid transparent;
    border-bottom:80px solid green;
}

.cloud{
    position:absolute;
    /* background:purple; */
    height:200px;
    width:300px;
    left:300px;
    top:50px;
}

.cloud2{
    position:absolute;
    /* background:purple; */
    height:200px;
    width:300px;
    left:1800px;
    top:50px;
}

.cloudpart1{
    background:white;
    position:absolute;
    height:50%;
    width:50%;
    border-radius: 100% 100% 100% 100%;
    left: 10px;
    bottom:10px;
}

.cloudpart2{
    background:white;
    position:absolute;
    height:50%;
    width:50%;
    border-radius: 100% 100% 100% 100%;
    left: 50px;
    bottom:80px;
}

.cloudpart3{
    background:white;
    position:absolute;
    height:50%;
    width:50%;
    border-radius: 100% 100% 100% 100%;
    right: 50px;
    bottom:10px;
}