body {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFaADAAQAAAABAAAAFQAAAAAIGxIOAAAAcUlEQVQ4EdVTWwrAIAyru/+dOzfIaMlfjAMF0bbkYakjInJu+3KT5mWwCFM4X8oWiCKVw+Z0TDOVuAei0wpLUqjVlTts41S5gLf0lEw4Ruof0kcFvSBFMdF6ukr+4c/p6TlOt39TcYII1kaKqmpiy/NvU1IZA3qnUCwAAAAASUVORK5CYII=") 10/  25px / 0 round;
    border-width:  200px;
    border-style:  solid;
    height:430px;
   
     
      background:#9F3E5D;
      
   
  font-family: "Georgia", Times, serif;

    }
    
    .column {
  float: left;
}

/* Left and right column */
.column.side {
  width: 10%;
  
}

/* Middle column */
.column.middle {
  width: 50%;
}

#tile :hover img {
     transform: scale(1.1,1.1);
   }
#moon :hover img {
     transform: scale(1.1,1.1);
}

#tv :hover img {
     transform: scale(1.1,1.1); 
}
#music :hover img {
     transform: scale(1.1,1.1);
}
#camera :hover img {
     transform: scale(1.1,1.1);
}
#garden :hover img {
     transform: scale(1.1,1.1);
}

#tv {
  position:relative;
  left:600px;
  bottom:1475px;
  z-index:3;
}

#garden{
  position:relative;
  left:180px;
  Bottom:2160px;
  z-index:3;
}

#tile {
  position:relative;
  left:25px;
  bottom:1930px;
  z-index:3;
}

 #music {
   position:relative;
   left:25px;
   bottom:2370px;
   width:160px;
   z-index:2;
   }
   
#moon {
  position:relative;
  Left:0px;
  Bottom:2530px;
  z-index:1;
}

#camera {
  position:relative;
  right:5px;
  bottom:2270px;
  z-index:1;
}

#background {
    position:relative;
    right:20px;
    left:17px;
    top:24px;
    z-index:-2;
  }
 
#backgrounds {
    position:relative;
    right:-170px;
    top:-200px;
    overflow:hidden;
  }
  
  #background2 {
    position:relative;
    left:-30px;
    top:-1008px;
    z-index:-1;
  }
  
#background3 {
    position:relative;
    bottom:1169px;
    left:-125px;
    z-index:1;
  }

#phone {
  Position:relative;
  top:-2472px;
  right:-920px;
  z-index:1;
}

#chatbox {
  position:absolute;
  top:50px;
  left:1100px;
  z-index:2;
}

#chatboxframe{
  position:absolute;
  top:30px;
  Left:1080px;
  z-index:2;
}

#header {
  position:relative;
  top:-1121px;
  left:280px;
  z-index:3;
}

#phonebackground {
  position:relative;
  top:-2740px;
  right:-1002px;
  z-index:2;
}

#mood {
  position: relative;
  bottom:2708px;
  left:1010px;
  z-index:4;
}

#sprite {
  position:relative;
  bottom:2857px;
  left:1005px;
  z-index:3;
}

#introp {
  overflow-wrap: break-word;
  width: 57%;
  position:relative;
  top:-3366px;
  right:-258px;
  line-height:28px;
  word-spacing: 1.5px;
  
  
}

#header {
  position:relative;
  top:-3376px;
  right:100px;
  z-index:2;
}