@font-face {
    font-family: Memory;
    src: url(../fonts/Memory.ttf);
    
}
@font-face {
    font-family: Quidity;
    src: url(../fonts/Quidity.ttf);
    
}
@font-face {
    font-family: Darling;
    src: url(../fonts/Darling.ttf);
    
}
@font-face {
    font-family: Friends;
    src: url(../fonts/BeautifulFriends.ttf);
    
}
@font-face {
    font-family: Kiwi;
    src: url(../fonts/KiwiFruit.otf);
    
}
@font-face {
    font-family: Autography;
    src: url(../fonts/Autography.otf);
    
}
@font-face {
    font-family: Lemon;
    src: url(../fonts/LemonTuesday.otf);
    
}
@font-face {
    font-family: Polaroid;
    src: url(../fonts/Polaroid.otf);
    
}
@font-face {
    font-family: adelia;
    src: url(../fonts/adelia.ttf);
    
}
@font-face {
    font-family: BirdsOfParadise;
    src: url(../fonts/BirdsOfParadise.ttf);
    
}
@font-face {
    font-family: Babynotes;
    src: url(../fonts/Babynotes.otf);
    
}
@font-face {
    font-family: Faldith;
    src: url(../fonts/Faldith.otf);
    
}
@font-face {
    font-family: Arsellia;
    src: url(../fonts/Arsellia.otf);
    
}

/* FONT NAMES:
 * Memory
 * Quidity
 * Darling
 * Friends
 * Kiwi
 * Autography
 * Lemon
 * Arsellia
 * Faldith
 * Babynotes
 * BirdsOfParadise
 * adelia
 * Polaroid
 *  */
body {
    background-color:pink;
    background-image:url("images/lace%20flower.jpg");
    background-size: cover;
    
}

#backgroundHeader {
    border:5px ridge  #c5b4b8;
    width:1690px;
    height:230px;
    position:absolute;
    z-index: -1;
    background-image:url("images/flowers%20again.jpg");
    
}
#mainContentBg {
    border:2px ridge  #c5b4b8 ;
    height:700px;
    width:1200px;
    position:absolute;
    left:250px;
    top:300px;
    background-image:url("images/pwetty.jpg");
    background-size:cover;
}
#fairy3d {
    width:400px;
    position: absolute;
    left:1250px;
    top:450px;
}
#birdFairy {
    width:300px;
    position: absolute;
    left:150px;
    top:300px;
}
#navBar {
    position: absolute;
    left:450px;
    top:60px;
    font-size: 50px;
    color:white;
    font-family: Faldith;
    text-shadow: 1px 1px 1px black;
}
#navBar li{
    list-style-type: none;
    text-decoration: none;
    display:inline;
    
}
#navBar li a {
    color:white;
    text-decoration: none;
    
}
#navBar li a:hover {
    color: #e2b3c0  ;
    text-decoration: underline dashed 1px;
    
}
   #home {
    padding-right:210px;
    }
   #photoLog{
    padding-left:174px;
    position: relative;
       top:5px;
   }
h1 {
    position: absolute;
    top:140px;
    left:470px;
    color:white;
    z-index: 2;
    font-family: Arsellia;
    font-size: 100px;
    text-shadow:1px 1px 1px  #c5b4b8;

    
}
#swan {
    position: absolute;
    width:140px;
    top:220px;
    left:690px;
    z-index: 1;
} 

#flowerDecor {
    justify-content: center;
    z-index: 2;
}
#flowerSep {
    margin-left:100px;
    z-index: 2;
}
#flowerDecor img {
    width:200px;
    padding:40px;
    padding-top:5px;
    padding-bottom:10px;
    z-index: 2;
}
#birdcage {
    position:absolute;
    top:600px;
    left:120px;
    z-index: 3;
}
#birdcage img {
    width:350px;
    
}

#birdKey {
    width:150px;
    position:absolute;
    top:800px;
    left:320px;
    z-index: 4;
}
#bluebird {
    width:180px;
    position:absolute;
    left:1150px;
    top:260px;
    padding:0;
    margin:0;
    z-index:2;
}

#owlPainting {
    border:10px ridge  #4b473a;
    border-radius:900px;
    overflow:hidden;
    width:170px;
    position:absolute;
    left:1501px;
    top:480px;
}

#TeaPainting {
    border:12px ridge  #aea68c;
    width:200px;
    position:absolute;
    top:300px;
    left:100px;
    z-index: 1;
}


#ToilettePainting {
    width:200px;
    border:12px ridge  #b4bec2;
    position:absolute;
    top:550px;
    left:1270px;
    
}
#theEmptyBirdCage {
    width:170px;
    border:12px ridge  #433b36;
    position:absolute;
    top:300px;
    left:1350px;
    border-radius: 500px;
    
}
#waterLilyCLaudeMonet {
    width:250px;
    border:12px ridge  #9fafb2;
    position:absolute;
    left: 1300px;
    top:730px;
}

#birdBranch {
    width:110px;
    position: absolute;
    left:842px;
    top:300px;
    z-index: 3;
}



#heartBorder {
    width:900px;
    position:absolute;
    top:920px;
    left:400px;
    z-index:1;
    
}

#flowerOrchard {
    width: 90px;
    position:absolute;
    top:270px;
    left:406px;
}
/*styling da div */
#introContent {
    border:3px groove #5d4b42;
    height:170px;
    width:219px;
    position:absolute;
    left:25px;
    top:74px;
    background-image: url("images/decor/notes.png");
    background-size: 50px;
    background-repeat: no-repeat;
    outline: 2px dotted  #4d3a3d  ;
    color:#180800;
}
#intro {
    font-family:Quidity;
    font-size:22px;
    text-shadow: 1px 1px 3px   #b08e97  ;
    margin:5px;
    position: relative;
    top:2px;
    left:40px;
}
#introTxt {
    font-family: Babynotes;
    font-size:20px;
    color: #361200 ;
    text-shadow: 1px 1px 1px #c4a6ae;
    width:207px;
    margin:0;
    position: relative;
    left:5px;
    top:-8px;
    z-index:2;
    text-align: justify;
   
    
}
/*about website */
#aboutWebsite {
    border:2px solid black;
    width:300px;
    height:180px;
    position: absolute;
    left:450px;
    top:74px;
    overflow: auto;
    scrollbar-width: thin;
    text-align: center;
      background-image: url("images/cutebirds.jpg");
      background-position: bottom;
    background-color:   #c8b3bc ;
    background-blend-mode:hard-light;
}
#aboutWebsite p {
    margin:0;
    padding:10px;
    text-align: justify;
    z-index: 2;
    font-family: Babynotes;
    font-size:20px;
    color:  #7c5f6c ;
}
#aboutTitle {
     border:2px solid black;
    position:absolute;
    left:450px;
     top:20px;
    height:50px;
    width:300px;
    font-family: Friends;
    font-size: 40px;
    letter-spacing: 2px;
    background-image: url("images/cutebirds.jpg");
}
#aboutTitle h4 {
    margin:4px;
    position: absolute;
    top:-2px;
    left:100px;
    
}


#mediaDoor {
    width:300px;
    position: absolute;
    left:1010px;
    top:640px;
    z-index: 2;
}
#doorLink:hover {
    cursor: help;
}
#library {
    position:absolute;
    left:1080px;
    top:715px;
    font-family:Quidity;
    font-size:30px;
    text-shadow: 1px 1px 1px grey;
    color: #2d3f2d;
    z-index:2;
    background-color: beige;
    margin:0;
    height:35px;
    
}
#library a {
   color: #2d3f2d;
    text-decoration: none;
}
#library a:hover {
   font-style:italic;
    cursor:help;
}

#path{
    opacity:60%;
    width:100px;
    height:200px;
    position:absolute;
    left:1124px;
    top:775px;
    z-index:1;
    border-radius: 15px;
}
#bunnies {
    width:100px;
    position:absolute;
    left:1095px;
    top:890px;
    z-index: 3;
}
#bunnies:hover {
  cursor:help;
}
#flowerPressed {
    width:100px;
    position:absolute;
    z-index: 3;
    left:1035px;
    top:640px;
}
#navigation2 ul{
    list-style-type: none;
    text-align: center;
    padding:0;
    margin:10px;
}
#navigation2 a {
     color:#bc99a9 ;
}
#navigation2 {
    border:3px ridge white;
    width:150px;
    position:absolute;
    left:440px;
    top:400px;
    font-family: Darling;
    color: #bc99a9 ;
    font-size:25px;
    
}