body {background-color: rgb(255,255,255);}

footer {z-index: 2; position:fixed; bottom:0; left:0; text-align: center; height:45px; width:100%; background-color: rgb(255,255,255);}
.foo p {cursor:default; font-size: 14px; line-height:16px; color:rgb(40,40,40); font-family: 'Poiret One', cursive; letter-spacing:0.05em;}

#e {position:fixed; top:2vh; right:1vw; width:5vh; height:5vh; opacity:0.8} #e img{height:100%} #etxt{position: fixed; top:1.8vh; right:8vh;}
#f {position:fixed; top:8vh; right:1vw; width:5vh; height:5vh; opacity:0.8} #f img{height:100%} #ftxt{position:fixed; top: 7.8vh; right: 8vh;}
#i {position:fixed; top:14vh; right:1vw; width:5vh; height:5vh; opacity:0.8} #i img{height:100%}
#itxt{position:fixed; top: 13.8vh; right: 8vh; -webkit-animation: irot 6s; -webkit-animation-iteration-count: 3;}
#itxt p {color:rgb(20,114,129); -webkit-animation: irotc 6s; -webkit-animation-iteration-count: 3;}
@keyframes irotc {0% {color:rgb(20,114,129); font-size:1.7vh;} 10%{color:rgb(20,154,139); font-size:1.9vh;} 100%{color:rgb(20,114,129); font-size:1.7vh;}}
@keyframes irot {0%{transform: rotateZ(0deg); right: 8vh;} 	10%{transform: rotateZ(5deg); right: 14vh;} 80%{transform: rotateZ(0deg); right: 8vh;}}

#dream {cursor:pointer; position:fixed; border-radius:50%; top:32.5vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129)}
  #dreamtxt {cursor:pointer; position:fixed; top:31.8vh; right:8vh;}
#about {cursor:pointer; position:fixed; border-radius: 50%; top:44vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129);}
  #abouttxt {cursor:pointer; position:fixed; top:43.3vh; right:8vh;}
#contact {cursor:pointer; position:fixed; border-radius: 50%; top:50vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129);}
  #contacttxt {cursor:pointer; position:fixed; top:49.3vh; right:8vh;}
#pack {cursor:pointer; position:fixed; border-radius:50%; top:66vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129);}
  #packtxt {cursor:pointer; position:fixed; top:65.3vh; right:8vh;}
#book {cursor:pointer; position: fixed; border-radius:50%; top:72vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129);}
  #booktxt {cursor:pointer; position:fixed; top:71.3vh; right:8vh;}
#illdra {cursor:pointer; position:fixed; border-radius:50%; top:78vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129);}
  #illdratxt {cursor:pointer; position:fixed; top:77.3vh; right:8vh;}
#home {cursor:pointer; position:fixed; border-radius:50%; bottom:2vh; right:1.3vw; width:3.5vh; height:3.5vh; border: 2px solid rgb(20,114,129);}
  #hometxt {cursor:pointer; position:fixed; bottom:1.3vh; right:8vh;}
.crI:hover,#home:hover,#pack:hover,#book:hover,#illdra:hover,#about:hover,#contact:hover,#dream:hover{background-color:rgba(20,114,129,0.3);-webkit-transition: all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

#icons {z-index:2; position:fixed; right:0; top:0; width:10vw; height:100%; background-color:rgb(255,255,255)}
#icons p:hover{letter-spacing:0.1em}
.crI {background: url("../img/icons/fly1.gif") no-repeat; background-size: contain;}

p{font-size:1.7vh; color:rgb(20,20,20); font-family: 'Poiret One', cursive; /*'Josefin Sans', sans-serif; */} 	

a:link   {color:rgb(20,20,20); text-decoration: none;}
a:hover  {color:rgb(20,20,20); text-decoration: none;}