@font-face {
font-family: "dogica";
src: url(../fonts/dogica.otf);
}

@font-face {
font-family: "Darling";
src: url(../fonts/Darling.ttf);
}

@font-face {
font-family: "Pesta";
src: url(../fonts/SelamatPestaNatal.ttf);
}

@font-face {
font-family: "Blomster";
src: url(../fonts/Blomster.ttf);
}

@font-face {
font-family: "Vividly";
src: url(../fonts/Vividly-Regular.otf);
}
@font-face {
font-family: "Feilla";
src: url(../fonts/Feilla.ttf);
}
@font-face {
font-family: "TrueStory";
src: url(../fonts/True Stories.ttf);
}


body {
   background-image: url("../images/cloud bg.png");
      background-size:cover;
      background-color: #e9f2ff;
      background-blend-mode: luminosity;
      background-attachment:fixed;
}

.headerDiv{
    width:680px;
      text-align:center;
 
  margin-left:585px;
  position:absolute;
margin-top:20px;
      border:3px outset #e1efff;
      height:70px;
      background-color:#f9fbff; 
      box-shadow:1px 1px 3px #b0b6d0;
      border-radius:15px;
     
    }

.header{
color:#cab6e6;
text-shadow:1px 1px 3px #ccd7f0;
font-family: "Darling";
letter-spacing:3px;
 height:20px;
margin-top:10px;

font-size:40px;
line-height:50px;



  }
  
  
  .about {
    
  color:#cab6e6;
   border: 7px dotted #eac8e0;
    width:300px;
    position:absolute;
    background-color:white;
    text-align:left;
    left:260px;
    top:140px;
    border-radius:20px;
  }
  .about p {
    text-align:left;
    border-bottom:5px dotted #eac8e0;
padding:10px;
    }
.wishlist {
  list-style-type:none;
  position:relative;
  left:-30px;
 
  
  }
  .wishlist li {
    padding:0px 0px 10px 30px;
    }
  .about h4 {
   position:relative;
   left:115px;
     text-decoration-line:underline;
  text-decoration-style:wavy;
  }
   
  
  .movies {
margin-left:585px;
list-style-type:none;
text-decoration:none;
width:680px;
height:2000px;
display:block;
background-color:  white; /* #feeefa*/
position:absolute;
margin-top:130px;
border:8px double #eac8e0;
border-radius:20px;
box-shadow: 3px 3px 5px  #e8c5ea;
  }
  .movies img{
    width:200px;
    height:300px;
  position:relative;
  left:10px;
  margin-top:30px;
  margin-bottom:15px;
margin-left:4px;
   padding:0px 0px 0px 0px;
   border:6px ridge #c1dbff;
   border-radius: 5px;

 filter:brightness(120%) saturate(60%);

    }
    
        
@font-face {
font-family: "Moonstar";
src: url(../fonts/Moonstar.ttf);
}  
@font-face {
font-family: "Katto";
src: url(../fonts/Katto-PersonalUse.otf);
}


    .movies p{
   color:#cab6e6 ;
      text-align:center;
     font-family: "Vividly"; 
      text-shadow:1px 0px 4px #d3dfea;
      background-color: white;
      border-radius:20px;
      letter-spacing:1px;
  font-size:23px;
    }

        .title1 {
    position:absolute;
    left:40px;
    top:335px;
  
    }
    .movies .title1 .barbieDiariesTxt {
      visibility:hidden;
      opacity:90%;
   background-color:white;
   height:200px;
      position:absolute;
      left:-13px;
      top:-300px;
     z-index:1;
     width:175px;
        text-align:Center;
          border:5px dotted #c0e1fe;
         
      }
   .barbieDiariesTxt{
  font-size:10px;
  color:#e5b5d0;
  font-family: "Feilla";
  z-index:1;

      }
    .movies .title1:hover .barbieDiariesTxt {
       visibility:visible;
      }
      
      
      
        .title2 {
font-family: "Darling";
position:absolute;
top:331px;
left:255px;
width:206px;
line-height:15px;
    }
    
    .movies .title2 .angelinaPrincessTxt {
        visibility:hidden;
      opacity:90%;
   background-color:white;
   height:200px;
      position:absolute;
      left:-10px;
      top:-300px;
     z-index:1;
     width:175px;
        text-align:Center;
          border:5px dotted #c0e1fe;
      }
      .movies .title2:hover .angelinaPrincessTxt {
        visibility:visible;
        }
    
    
    
        .title3 {
 font-family: "Darling";
position:absolute;
top:331px;
left:456px;
width:206px;
line-height:15px;
    }
    
    
    
        .title4 {
font-family: "Darling";
position:absolute;
width:206px;
top:695px;
left:15px;
    }
    
    
    
        .title5 { /* totoro */
font-family: "Darling";
position:absolute;
width:206px;
top:695px;
left:235px;
    }
    
    
        .title6 { /*the last unicorn */
font-family: "Darling";
position:absolute;
width:206px;
top:695px;
left:456px;
    }
    
    
        .title7 { /* marmaduke */
font-family: "Darling";
position:absolute;
width:206px;
top:1053px;
left:10px;
    }
    
    
        .title8 { /* beverly hills */
font-family: "Darling";
position:absolute;
top:1055px;
left:232px;

    }
    
    
        .title9 { /*kit kitredge */

font-family: "Darling";
position:absolute;
width:206px;
top:1406px;
left:15px;
    }
    
    
        .title10 {  /*saige*/
font-family: "Darling";
position:absolute;
width:206px;
top:1410px;
left:232px;
    }
    
    
        .title11 { /* pokemon */
font-family: "Darling";
position:absolute;
width:206px;
top:1050px;
left:456px;

    }
    
    
        .title12 { /*madeline*/
font-family: "Darling";
position:absolute;
width:206px;
top:1772px;
left:11px;
    }
    
        .title13 { /*fairy secret*/
font-family: "Darling";
position:absolute;
width:206px;
top:1408px;
left:456px;
    }
    
    .hoverOver {
      color:#cab6e6;
      font-family:"Vividly";
      position:absolute;
      left:610px;
      top:135px;
      z-index:1;
      font-size:20px;
      
      }
  
    .homeButton {
      background-color:#f6efff;
      border: 2px ridge #a289c4;
      border-radius:20px;
      position:absolute;
      left:600px;
      top:110px;
      font-family:"Vividly";
      font-size:15px;
       width:80px;
      }
      .homeButton a{
        color:#a289c4;
         text-decoration:none;
       display:block;
  
        }
        
  .gamesNext {
     background-color:#f6efff;
      border: 2px ridge #a289c4;
      border-radius:20px;
     text-decoration:none;
      font-family:"Vividly";
      font-size:15px;
      position:absolute;
      top:110px;
      left:1200px;
     width:71px;
    }
    
   .gamesNext a {
      color:#a289c4;
         text-decoration:none;
          display:block;
      }

    .booksNext {
      background-color:#f6efff;
      border: 2px ridge #a289c4;
      border-radius:20px;
     text-decoration:none;
      font-family:"Vividly";
      font-size:15px;
      position:absolute;
      top:110px;
      left:1120px;
      width:70px;
      
      }
      .booksNext a {
        color:#a289c4;
         text-decoration:none;
         display:block;
        }