body {
    height: 100vh;
    margin: 0; 
}

a {
    font-size: 30px;
    font-family: cursive;
    margin: 50px;
}
a:hover {
    color: orchid;
}



.door {
    position: absolute;
    top: 20vh;
    left: 75vh;
 
}

.door-inside{
position: absolute;
top: 20vh;
left:55vh;}

.homedoor-inside{opacity: 40%;
    position: absolute;
    top: 20vh;
    left:95vh;}

    .roomdoor-inside{opacity: 40%;
        position: absolute;
        top: 20vh;
        left:20vh; }

        .window-inside{
            position: absolute;
            width: 300px;
            height: auto;
            top: 30vh;
            right: 10vh;
        }

.outside{position: absolute;
    margin-left: 0;
    left:-100px;
width: 130%;
height:100%;
}

.drawing{
    position: absolute;
    width: 200px;
    height: auto;
    top:20vh;
    right: 70vh;
}
.gramophone{position: absolute;
    width: 300px;
    height: auto;
    top:65vh;
    right: 70vh;
}
.drawing-inside{
    position: absolute;
    width: 100%;
    top:-100px;
}
.key{ 
    position: absolute;
    width: 200px;
    height: auto;
    top:20vh;
    right: 30vh;
}