@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "./reset.css";
@import "./fonts/stylesheet.css";
@import "./modules/common.css";
@import "./modules/header.css";
@import "./modules/main.css";
@import "./modules/web-services.css";
/* @import "./modules/parallax.css"; */

body { 
  position: relative;
}

canvas { 
  display: block; 
}


/* -------------------------------- */

.swipe-icon {
  overflow:visible;
  width:18px;
  height:24px;
}

.swipe-icon .swipe-arrow {
  animation: pulse-arrow 2s ease-out infinite;
}

.swipe-icon {
  animation: hand-move 2s ease-out infinite;
}

@keyframes pulse-arrow {
  0%   {transform: translateX(0); opacity:1;}
  50%  {transform: translateX(0.25em);opacity:1;}
  75% {transform: translateX(0.25em);opacity:0;}
  100% {transform: translateX(0);opacity:0;}
}

@keyframes hand-move {
  0%   {transform: translateX(0);}
  50%  {transform: translateX(0.5em);}
  100% {transform: translateX(0);}
}