body{
font-family:'Lora';
color:white;
font-size:10px;
background-color:black;
cursor:crosshair;
}

h1{
font-weight:400;
letter-spacing:10px;
}


#loader {
  background-color:black;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	text-align:center;
	opacity:0.8;
	padding-top:45vh;

}

#bodywrapper{

text-align:center;
margin-top:400px;
}


.scroll{
margin-top:200px;
margin-bottom:200px;
font-size:15px;
}


.footer{
margin-top:200px;
margin-bottom:50vh;
}


.scroll img{
width:40vw;
z-index:9;

}

.bottomwrapper{
position:fixed;
bottom:0px;
height:150px;
z-index:10;
}

img#bottomflower1{
position:absolute;
width:40vw;
margin-left:60vw;
z-index:10;
}

img#bottomflower2{
position:absolute;
margin-top:-2vw;
width:70vw;
margin-left:10vw;
z-index:0;
}

img#bottomflower3{
position:absolute;
width:17vw;
margin-left:50vw;
margin-top:5vw;
z-index:9;
}

img#bottomflower4{
position:absolute;
width:25vw;
margin-left:-5vw;
margin-top:-15vw;
z-index:9;
}

img#bottomflower5{
position:absolute;
width:20vw;
margin-left:13vw;
margin-top:-2vw;
z-index:9;
}

.leftwrapper{
position:fixed;
left:0;
top:0;
width:150px;
height:100vh;
z-index:1;
}

img#leftflower1{
position:absolute;
bottom:15vw;
width:12vw;
z-index:10;

}

img#leftflower2{
position:absolute;
bottom:22vw;
left:1vw;
width:25vw;
z-index:9;

}

img#leftflower3{
position:absolute;
top:10vw;
left:1vw;
width:20vw;
z-index:1;

}

img#leftflower4{
position:absolute;
top:27vw;
left:-2vw;
width:10vw;
z-index:10;

}
img#leftflower5{
position:absolute;
top:-11vw;
left:-5vw;
width:60vw;
z-index:-100;

}


.rightwrapper{
position:fixed;
right:0;
top:0;
width:150px;
height:100vh;
z-index:9;
}

img#rightflower1{
position:absolute;
bottom:-5vw;
right:-2vw;
width:20vw;
z-index:10;

}

img#rightflower2{
position:absolute;
bottom:-5vw;
right:-5vw;
width:30vw;
z-index:9;

}

img#rightflower3{
position:absolute;
top:18vw;
right:-2vw;
width:15vw;
z-index:5;

}

img#rightflower4{
position:absolute;
top:15vw;
right:5vw;
width:15vw;
z-index:9;

}


.topwrapper{
position:fixed;
left:0;
top:0;
height:150px;
width:100vw;
z-index:3;
}

img#topflower1{
position:absolute;
top:-8vw;
right:-5vw;
width:45vw;
z-index:9;

}

img#topflower2{
position:absolute;
top:0vw;
right:-5vw;
width:20vw;
z-index:9;

}

img#topflower3{
position:absolute;
top:-2vw;
left:-5vw;
width:25vw;
z-index:9;

}


img#topflower4{
position:absolute;
right:20vw;
top:-15vw;
width:40vw;
z-index:1;

}

img#topflower5{
position:absolute;
right:20vw;
top:0vw;
width:40vw;
z-index:10;

}

@-ms-keyframes wiggle{0%{-ms-transform:rotate(3deg);}
50%{-ms-transform:rotate(-3deg);}
100%{-ms-transform:rotate(3deg);}}
@-moz-keyframes wiggle{0%{-moz-transform:rotate(3deg);}50%{-moz-transform:rotate(-3deg);}100%{-moz-transform:rotate(3deg);}}
@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(3deg);}50%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}
@keyframes wiggle{0%{transform:rotate(3deg);}50%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}
.rotating{-ms-animation:wiggle 20s infinite;-moz-animation:wiggle 20s infinite;-webkit-animation:wiggle 20s infinite;animation:wiggle 20s infinite;}


@-ms-keyframes wiggleback{0%{-ms-transform:rotate(0deg);}
50%{-ms-transform:rotate(3deg);}
100%{-ms-transform:rotate(0deg);}}
@-moz-keyframes wiggleback{0%{-moz-transform:rotate(0deg);}50%{-moz-transform:rotate(3deg);}100%{-moz-transform:rotate(0deg);}}
@-webkit-keyframes wiggleback{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(3deg);}100%{-webkit-transform:rotate(0deg);}}
@keyframes wiggleback{0%{transform:rotate(0deg);}50%{transform:rotate(3deg);}100%{transform:rotate(0deg);}}
.rotating1{-ms-animation:wiggleback 15s infinite;-moz-animation:wiggleback 15s infinite;-webkit-animation:wiggleback 15s infinite;animation:wiggleback 15s infinite;}

@-ms-keyframes scale{0%{-ms-transform:scale(1);}
50%{-ms-transform:scale(1.1);}
100%{-ms-transform:scale(1);}}
@-moz-keyframes scale{0%{-moz-transform:scale(1);}50%{-moz-transform:scale(1.1);}100%{-moz-transform:scale(1);}}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}
@keyframes scale{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}
.scale{-ms-animation:scale 30s infinite;-moz-animation:scale 30s infinite;-webkit-animation:scale 30s infinite;animation:scale 30s infinite;}

a{
color:white;

}
/** MOBILE **/

@media only screen 
and (min-width : 0px) 
and (max-width : 415px)

{

.bottomwrapper{
height:40px;
}

.scroll img{
width:70vw;

}

.scroll{
margin-right:0px;
}

#bodywrapper{
margin-top:0px;
}

img#leftflower1{
position:absolute;
bottom:5vw;
width:12vw;
z-index:10;

}

}