body {
    margin: 0;
    overflow: hidden;
}

#background{
    position: absolute;
    width: 100vw;
}

#house {
    position: absolute;
    left: 38.5vw;
    top: 5vw;
    width: 17.5vw;
}
#house:hover {
    transform: scale(1.03);
}

#sign {
    position: absolute;
    left: 20.5vw;
    top: 4.5vw;
    width: 4.5vw;
}
#sign:hover {
    transform: scale(1.03);
}
#forest_entry_bestiary {
    cursor: pointer;
}

.forest {
    position: absolute;
    height: 40%;
    margin-left: 5%;
    margin-top: 5%;
}

.forest:hover {
    transform: scale(1.03);
}

.house_animation {
    z-index: 90;
    transition: 2s;

    /* Left-right, up-down */
    transform: scale(8) translate(80px, 20px);
    /* yes, i aimed it so it zooms at the door, also nice pixels right?*/

}
.forest_animation {
    z-index: 90;
    transition: 2s;

    /* Left-right, up-down */
    transform: scale(8) translate(630px, 410px);
    /* yes, i aimed it so it zooms at the door, also nice pixels right?*/

}