/*************** // WEBFONT // ****************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*************** // HTML // ****************/

html, body {
display:block;width:100%;height:auto;font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.3em;font-weight:normal;color:#333333;background:#000000;
}

/*************** // CONTAINER  // ****************/

#container {
display:block;width:100vw;height:100vh;position:relative;
}
#container div.content {
position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;
}

@keyframes shaking {
 0% { transform: skewY(-15deg); }
 5% { transform: skewY(15deg); }
 10% { transform: skewY(-15deg); }
 15% { transform: skewY(15deg); }
 20% { transform: skewY(0deg); }
 100% { transform: skewY(0deg); }
}


#container div.content div.logo {
display:block;max-width:300px;height:auto;
}
#container div.content div.logo img {
display:block;max-width:100%;height:auto;margin:0px 0px 60px 0px;
}
#container div.content div.logo {
/*animation:shaking 0.75s linear infinite;animation-delay:5s;animation-delay:revert;*/

  animation-name: shaking;
  animation-delay: 5s;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}
#container div.content ul.social {
display:inline-block;
}
#container div.content ul.social:after {
content:'';display:block;clear:both;
}
#container div.content ul li {
display:block;float:left;margin:0px 0px 0px 40px;
}
#container div.content ul li:nth-child(1) {
margin:0px 0px 0px 0px;
}
#container div.content ul li a {
display:block;
}
#container div.content ul li a i {
color:#FFFFFF;font-size:40px;
}
#container div.content ul li a:hover i {
color:#18E26F;
}