@charset "utf-8";
/* CSS Document */

@-webkit-keyframes mainTitleAnimation--large                                               {
  0%   { opacity:1; transform:scale(1)   translateX(0);      top:3rem;  left:0; right:0;   }
  50%  { opacity:0; transform:scale(1)   translateX(-40px);  top:3rem;  left:0; right:0;   }
  51%  { opacity:0; transform:scale(0.4) translateX(-20px);  top:-50px; left:calc((100% - 1200px)/2); right:auto;  } 
  100% { opacity:1; transform:scale(0.4) translateX(0);      top:-50px; left:calc((100% - 1200px)/2); right:auto;  }
}

@-webkit-keyframes mainTitleAnimation--medium                                              {
  0%   { opacity:1; transform:scale(1)   translateX(0);      top:3rem;  left:0; right:0;   }
  50%  { opacity:0; transform:scale(1)   translateX(-40px);  top:3rem;  left:0; right:0;   }
  51%  { opacity:0; transform:scale(0.4) translateX(-20px);  top:-50px; left:calc((100% - 960px)/2); right:auto;  } 
  100% { opacity:1; transform:scale(0.4) translateX(0);      top:-50px; left:calc((100% - 960px)/2); right:auto;  }
}

@-webkit-keyframes mainTitleAnimation--tablet                                              {
  0%   { opacity:1; transform:scale(1)   translateX(0);      top:1rem;  left:0; right:0;   }
  50%  { opacity:0; transform:scale(1)   translateX(-40px);  top:1rem;  left:0; right:0;   }
  51%  { opacity:0; transform:scale(0.4) translateX(-20px);  top:-25px; left:5%; right:auto;  } 
  100% { opacity:1; transform:scale(0.4) translateX(0);      top:-25px; left:5%; right:auto;  }
}

@-webkit-keyframes mainTitleAnimation--smartphone                                          {
  0%   { opacity:1; transform:translateX(0);      top:1rem;  left:0; right:0; }
  50%  { opacity:0; transform:translateX(-40px);  top:1rem;  left:0; right:0; }
  51%  { opacity:0; transform:translateX(-20px);  top:0px; left:2%; right:auto; } 
  100% { opacity:1; transform:translateX(0);      top:0px; left:2%; right:auto; }
}


@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg);    }
    to   { -webkit-transform: rotate(360deg);  }
}