@font-face{
     font-family: font1;
     src: url(GreatVibes-Regular.ttf);
    } 
@font-face{
     font-family: font2;
     src: url(BASKVILL.TTF);
}
div.wndw{ display: block;
  position: fixed;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%; 
}
div.back {  
  display: block;
  position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;  
  z-index: 0;
}
div.top {  
  display: block;
  position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;  
  z-index: 2;
}
div.wtfl {  
  display: block;
  position: absolute;
  top:-300%;
  left: 40%;
  width: 10%;
  height: 400%;  
  z-index: 1;
  opacity: .7;
}
img.imm{
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;   
}

div.wnd{
    position: absolute;
    top: 1%;
    left: 15%;
    height: 99%;
    width: 60%;
    z-index: 3;
}
div.blds{
    position: absolute;
    top: 15%;
    left: 37.5%;
    height: 30%;
    
    z-index: 4;
}

#blades{
    -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation{
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(359deg);}
}
#wf{
    -webkit-animation:move  4s infinite linear;
}
@-webkit-keyframes move{
    from{top: -300%;}
    to{ top: 0%;}
} 
div.logo{
    position: absolute;
    top:3%;
    left:2%;
    width: 40%;
    font-family: font1;
    font-size: 7vw;
    color: yellow;
    z-index: 5;
}
div.logo2{
    position: absolute;
    top:20%;
    left:2%;
    width: 40%;
    font-family: font2;
    font-size: 2.5vw;
    color: yellow;
    z-index: 5;
}
div.info{
    position: absolute;
    top:40%;
    left:60%;
    width: 35%;
    font-family: font2;
    font-size: 2.5vw;
    color: yellow;
    z-index: 5;
}