/* background */     
    img{
        max-width: 100%;
        max-height: 100%;
       
        display:inline-block;
    
    }
    
    html {background-color: #B9D9EB;

}

/* body */       
    body {
  font-family: 'play', sans-serif;
  margin-top: 20px;
  color: black;
      
}

/* images */    
 
   .background {
  position: relative;
  top:0;
  left:0;
  background-size: 100% 100%; 
        z-index: 1;

}   

.window {
  position: absolute;
  top: 23%;
  right: 0%;
  height: 25%;
}
          

/*nav links */
.albumlink {
  position: absolute;
  top: 44%;
  left: 7%;
  height: 13%;
}
.albumlink:hover {
   transform: scale(1.25);
}

    .newsletterlink {
  position: absolute;
  top: 8%;
  left: 4%;
  width: 18%;
  height: 35%;
}
    .newsletterlink:hover {
   transform: scale(1.25);
}

    .travellink {
  position: absolute;
  top: 3%;
  right: 5%;
  height: 13%;
}
    .travellink:hover {
  transform: scale(1.25);
}

    .homelink {
  position: absolute;
  top: 3%;
  left: 24%;
  height: 7%;
}

.aboutlink {
  position: absolute;
  top: 16%;
  left: 42%;
  height: 6%;
}
    .aboutlink:hover {
   transform: scale(1.3);
}

.musiclink {
  position: absolute;
  top: 35%;
  left: 5%;
  height: 10%;
}
.musiclink:hover {
   transform: scale(1.25);
}

.fashionlink {
  position: absolute;
  top: 58%;
  left: 1%;
  height: 18%;
}
    .fashionlink:hover {
   transform: scale(1.25);
}

.chatlink {
  position: absolute;
  top: 11%;
  left: 30%;
  height: 7%;
}

.chatlink:hover {
   transform: scale(1.3);
}

.creditslink {
  position: absolute;
  top: 69%;
  right: 0;
  height: 4%;
  z-index: 2;
}
.creditslink:hover {
   transform: scale(1.25);
}

.bookslink {
  position: absolute;
  top: 55%;
  right: 0;
  height: 7%;
  z-index: 2;
}
.bookslink:hover {
   transform: scale(1.25);
}

/*friends links */

.paul{
  position:absolute;
  top:50%;
  left:38%;
  height:3%;
}
.paul:hover {
   transform: scale(1.15);
}

.carmen{
  position:absolute;
  top:47%;
  left:35%;
  height:3%;
}
.carmen:hover {
   transform: scale(1.15);
}