@import url(fonts.css);
@media only screen and (min-width: 818px) {
body{
    background-color: rgb(31, 9, 1);
    justify-items: center;
}
.background{
    margin-top: 15%;
    height: 500px;
}
.container{
    display: flex;
}
.shelf{
    position: absolute;
    width: 270px;
    margin-top: -485px;
    margin-left: 60px;
}
.menu button, .flowers button{
    background: none;
    border: none;
}
.book1{
    width: 110px;
    position: absolute;
    margin-top: -210px;
    margin-left: 70px;
    transition: 1s;
}
.book2{
    width: 110px;
    position: absolute;
    margin-top: -210px;
    margin-left: 180px;
    transition: 1s;
}
.book3{
    width: 110px;
    position: absolute;
    margin-top: -230px;
    margin-left: 165px;
    transition: 1s;
}
.book4{
    width: 110px;
    position: absolute;
    margin-top: -230px;
    margin-left: 25px;
    transition: 1s;
}
.curtain{
    position: absolute;
    width: 275px;
    margin-top: -510px;
    margin-left: 55px;


}
.text{
    position: absolute;
    width: 400px;
    height: 230px;
    background-color: antiquewhite;
    margin-top: -250px;
    margin-left: 305px;
    border-radius: 8px;
    border: #391e12 0.5px solid;
}
.window{
    position: absolute;
    width: 250px;
    margin-top: -490px;
    margin-left: 300px;

}
.flowers{
    position: relative;
    inset: 0;
    height: 0;
}
.topplant{
    position: absolute;
    width: 100px;
    margin-top: -500px;
    margin-left: 550px;
    transition: 1s;
}
.tableplant{
    position: absolute;
    width: 100px;
    margin-top: -370px;
    margin-left: 470px;
    z-index: 6;
    transition: 1s;
}
.pot{
    position: absolute;
    width: 100px;
    margin-top: -315px;
    margin-left: 520px;
    z-index: 6;
    transition: 1s;
}
.globe{
    position: absolute;
    width: 70px;
    margin-top: -365px;
    margin-left: 590px;
    z-index: 6;
    transition: 1s;
}
.flex{
    display: flex;
}
.menu img:hover, .flowers img:hover{
    transform: scale(1.1);
}
.titulo, .name{
    margin: 20px;
    font-family: 'type2';
    color: rgb(201, 177, 146);
}

.texto, .description{
    margin: 20px;
    font-family: 'basic';
    color: rgb(201, 177, 146);
}
}