body{
    background-color: beige;
    
}

details {
    font-family:cursive;
    color: rgb(66, 43, 17);
    font-size: 20px;
    text-align: center;
    list-style-type: square;
}

summary {

    list-style-type:none;
}

summary:hover{
    color:rgb(255, 245, 235);
    cursor:default;
}

.buttona{
    background-color: rgb(137, 156, 205);
    width: 300px;
    height: 200px;
    position: absolute;
    top: 100px;
    left:400px;
    border: 20px rgb(198, 135, 0);
    border-style:ridge;
    
}

.buttonb{
    background-color: rgb(166, 205, 137);
    width: 200px;
    height: 300px;
    position: absolute;
    top: 400px;
    left: 200px;
    border: 20px rgb(198, 135, 0);
    border-style:ridge;

    
}
.buttona:hover {
    font-family: cursive;
    background-image:url(kitchen.jpeg);
    font-size: 30px;
    color: beige;
}

.buttonb:hover {
    font-family: cursive;
    background-image:url(closet.jpeg);
    font-size: 30px;
    color: beige;
}

h1 {
    text-align: center;
    font-family:cursive;
    color: rgb(66, 43, 17);
    font-size: 40px;
    position: sticky;
    top: 0;

}

a {
    font-family: monospace;
    color: rgb(66, 43, 17);
    font-size: 20px;
    text-decoration:none;
}

a:hover{
    text-decoration: underline;
}

.blueberry{
    background-color: rgb(144, 144, 255);
}

.strawberry{
    background-color: rgb(234, 136, 136);
}

.apricot{
    background-color: rgb(234, 200, 136)
}

.socks{
    background-color: rgb(133, 91, 49)
}

.jeans{
    background-color: rgb(75, 86, 129)
}

.houseicon{
    width: 32px;
    box-align: center;
}

.window {
    background-color: rgb(137, 156, 205);
    max-width: 400px;
    height: 500px;
    margin: 0 auto;
    border: 20px rgb(198, 135, 0);
    border-style:ridge;
    position: relative; 
    z-index: 0; 
}   

.position1{
    position:relative;
    top: 100px;
    right: 500px;
}

.position2{
    position: relative;
    top: 300px;
    left: 200px;
}

.position3{
    position:relative;
    top: 400 px;
    right:100px;
}

.position4{
    position: relative;
    top: 200px;
    left: 100px;
}

.back {
    text-align: center;
    font-size: 13px;
}