/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-may-2020, 18:46:42
    Author     : MiPc
*/

.bird {
  position: absolute;
  animation-name: birdfly;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  visibility: visible;
  will-change: transform;
}
.birdbody {
  position:absolute;
  width: 10px;
  height: 4px;
  border-radius: 90%;
  background-color: black;
  visibility:visible;
  will-change: transform;
}
.flock{
  position: absolute;
  animation-name: birdmove;
  animation-duration: 100s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
  visibility: visible;  
  will-change: transform;
}
.wing {
  position: absolute;
  width: 13px;
  height: 3px;
  border-radius: 100%;
  background-color: black;
  will-change: transform;  
}
.wing1 {
  animation-name: wing1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  will-change: transform;
}
.wing2 {
  animation-name: wing2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  will-change: transform;
}
@keyframes birdmove {
   0%   {transform: translateX(120vw);visibility:visible }
   90%  {transform: translateX(-300px);visibility:hidden }
  100%  {transform: translateX(-300px);visibility:hidden }
}

@keyframes birdfly {
    0%   {transform: translateY(10px); }
  50%  {transform: translateY(-10px);}
  100%  {transform: translateY(10px);}
}

@keyframes wing1 {
  0%   {transform: rotate(30deg); transform-origin: 100% 100%; }
  50%  {transform: rotate(-30deg); transform-origin: 100% 100%; }
  100%  {transform: rotate(30deg); transform-origin: 100% 100%; }

}
@keyframes wing2 {
  0%   {transform: rotate(-30deg); transform-origin: 0% 0%; }
  50%  {transform: rotate(30deg); transform-origin: 0% 0%; }
  100%  {transform: rotate(-30deg); transform-origin: 0% 0%; }
}