body { 
color: rgb(35, 34, 34);
font-family: 'Arial', sans-serif;
background-image: url("images/white-bathroom-tiles.jpg");
background-size: cover;
}

#main { 
    background-color:rgb(79, 88, 138); 
    color:#ffffff; 
    padding: 20px 20px 20px 20px; 
    width: 40%; 
    height: 60%;
    margin-left: 30%; 
    margin-top: 10%;
    float: left;
}


img {
  display: block;
  margin: auto;
}

h1 {
  color: rgb(255, 255, 255);
  font-family: Helvetica;
  font-size: 200%;
  text-align: center;
}

h2 {
  color: rgb(74, 114, 74);
  font-family: Helvetica;
  font-size: 150%;
}

p {
  color: rgb(255, 255, 255);
  font-size: 120%;
  font: Helvetica}


.stickers {
position: absolute;
width: 15%;
height: 100%;
z-index: 0;
}

.stickers > img {
position: absolute;
max-width:100%;
}

.stickers .button1 img {
width: 200px;
height: auto;
position: static;
}



.box {
background:#D4D0C8;
border-bottom:2px solid #928F88;
padding: 10px;
border-top:2px solid #666;
margin-bottom:4px;
width: 300px;
min-height:180px;
height:auto;
box-sizing:border-box;}

.title {
font:9px arial black, calibri;
text-transform:uppercase;
color:#FFF;
background:#E3F4E2 url(https://64.media.tumblr.com/24edcf69b43d44676493a5b517aa225e/9aa6415c11a612ea-90/s640x960/e6ee5ec70e3166f12308004fc1b3c5b742dc8e0e.pnj);
letter-spacing:3px;
padding-left:4px;
border-bottom:1px solid #fff;
padding-top:2px;
width:300px;
box-sizing:border-box;
}

.music-window {
  position: absolute;
  top: 155px;
  left: 70px;
  z-index: 10;
}


.book-window {
  position: absolute;
  top: 150px;
  left: 1100px;
  z-index: 10;
}

.book-covers {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.book-covers img {
  width: calc(50% - 5px);
  height: auto;
  margin: 0;
  display: block;
}

.substack-window {
  position: absolute;
  top: 470px;
  left: 1100px;
  z-index: 10;
}