body {
    background-color: black;
    font: 18px monospace;
   }

#container {
    background-color: white;
    border: 2px black;
    width: 70%;
    bottom: 0px;
    left: 13%;
    right:13%;
    position:fixed;
    padding: 2% 2% 2% 2%;
    margin-bottom: 2%;
    z-index: 0;

}

/* iframes park */

#readme_1 {
    position:absolute;
    z-index: 0;
    left: 13%;
    top:5%;

}
#readme_1:hover {
    z-index: 3;
}

#readme_2 {
    position:absolute;
    z-index: 1;
    left: 25%;
    top:15%;
}
#readme_2:hover {
    z-index: 3;
}

#readme_3 {
    position:absolute;
    z-index: 2;
    left: 40%;
    top:25%;
}
#readme_3:hover {
    z-index: 4;
}

#readme_4 {
    position:absolute;
    z-index: 3;
    right:13%;
    top:35%;
}
#readme_4:hover {
    z-index: 3;
}

body.readme{
    background-color: white;
    color:red;
}

.pink{    
    background-color: yellow;
}

div.readme::selection{ 
    background-color: fuchsia;

}

/* garden/walk*/

#gardenSpace {
width: 100%;
height: 100%;
background-color:violet;
position:absolute;
z-index: -1;

}

#pane {
    position:relative;
    width:900px;
    height:700px;
    border:2px solid red;
}

#square {
    position: absolute;
    width: 70px;
    height: 115px;
}