.svg{
width:20%;
margin:0 auto;
display:block;
margin-top:4%;
}
p{
text-align:center;
font-family:Avenir, sans-serif;
}
@-webkit-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@-moz-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@-o-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
.rainDropOne{
-webkit-animation:aniRainDrop 2s 0.5s infinite;
-moz-animation:aniRainDrop 2s 0.5s infinite;
-o-animation:aniRainDrop 2s 0.5s infinite;
animation:aniRainDrop 2s 0.5s infinite;
}
.rainDropTwo{
-webkit-animation:aniRainDrop 1s 1s infinite;
-moz-animation:aniRainDrop 1s 1s infinite;
-o-animation:aniRainDrop 1s 1s infinite;
animation:aniRainDrop 1s 1s infinite;
}
.rainDropThree{
-webkit-animation:aniRainDrop 2s 1s infinite;
-moz-animation:aniRainDrop 2s 1s infinite;
-o-animation:aniRainDrop 2s 1s infinite;
animation:aniRainDrop 2s 1s infinite;
}
.rainDropFour{
-webkit-animation:aniRainDrop 2s 2s infinite;
-moz-animation:aniRainDrop 2s 2s infinite;
-o-animation:aniRainDrop 2s 2s infinite;
animation:aniRainDrop 2s 2s infinite;
}
@media only screen and (min-width:1100px){
.svg{
width:10%;
}
}
.svg{
width:20%;
margin:0 auto;
display:block;
margin-top:4%;
}
p{
text-align:center;
font-family:Avenir, sans-serif;
}
@-webkit-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@-moz-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@-o-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
.rainDropOne{
-webkit-animation:aniRainDrop 2s 0.5s infinite;
-moz-animation:aniRainDrop 2s 0.5s infinite;
-o-animation:aniRainDrop 2s 0.5s infinite;
animation:aniRainDrop 2s 0.5s infinite;
}
.rainDropTwo{
-webkit-animation:aniRainDrop 1s 1s infinite;
-moz-animation:aniRainDrop 1s 1s infinite;
-o-animation:aniRainDrop 1s 1s infinite;
animation:aniRainDrop 1s 1s infinite;
}
.rainDropThree{
-webkit-animation:aniRainDrop 2s 1s infinite;
-moz-animation:aniRainDrop 2s 1s infinite;
-o-animation:aniRainDrop 2s 1s infinite;
animation:aniRainDrop 2s 1s infinite;
}
.rainDropFour{
-webkit-animation:aniRainDrop 2s 2s infinite;
-moz-animation:aniRainDrop 2s 2s infinite;
-o-animation:aniRainDrop 2s 2s infinite;
animation:aniRainDrop 2s 2s infinite;
}
@media only screen and (min-width:1100px){
.svg{
width:10%;
}
}
.svg{
width:20%;
margin:0 auto;
display:block;
margin-top:4%;
}
p{
text-align:center;
font-family:Avenir, sans-serif;
}
@-webkit-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@-moz-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@-o-keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
@keyframes aniRainDrop {
0% {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
100% {
transform: translateY(100px);
-webkit-transform: translateY(100px);
}
}
.rainDropOne{
-webkit-animation:aniRainDrop 2s 0.5s infinite;
-moz-animation:aniRainDrop 2s 0.5s infinite;
-o-animation:aniRainDrop 2s 0.5s infinite;
animation:aniRainDrop 2s 0.5s infinite;
}
.rainDropTwo{
-webkit-animation:aniRainDrop 1s 1s infinite;
-moz-animation:aniRainDrop 1s 1s infinite;
-o-animation:aniRainDrop 1s 1s infinite;
animation:aniRainDrop 1s 1s infinite;
}
.rainDropThree{
-webkit-animation:aniRainDrop 2s 1s infinite;
-moz-animation:aniRainDrop 2s 1s infinite;
-o-animation:aniRainDrop 2s 1s infinite;
animation:aniRainDrop 2s 1s infinite;
}
.rainDropFour{
-webkit-animation:aniRainDrop 2s 2s infinite;
-moz-animation:aniRainDrop 2s 2s infinite;
-o-animation:aniRainDrop 2s 2s infinite;
animation:aniRainDrop 2s 2s infinite;
}
@media only screen and (min-width:1100px){
.svg{
width:10%;
}
}