body, html
{
    margin: 0px; padding: 0px;
}

html { 
  background: url(../img/bg_dark.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
      font:400 120px/1em 'Francois One', sans-serif;
      text-align:center;
      padding-top:140px;
      }

.jiterry span{animation:jitter 200ms linear infinite;color:#ff0000;display:inline-block;}
.jiterry2 span{animation:jitter 200ms linear infinite;color:#ffffff;display:inline-block;}
@keyframes jitter{ 50%{transform:skewY(0.7deg) skewX(-0.7deg) scale(1.006);} }
@keyframes jitter2{ 50%{transform:skewY(0.7deg) skewX(-0.7deg) scale(1.006);} }

.menu {
	color:white;
	text-align:center;
	font-size: 3.5vh;
	margin-top:-30px;
	 text-shadow: 1px 1px #8f8f8f;
}
#footer {
    width: 100%;
    height: 90px;
    font-size: 2.5vh;
    letter-spacing:1px;
    font-family: 'Poiret One';
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color:white;
    /*text-align, background-color, and other specific styles can be applied here. You can change the height from 30px to anything which suits your needs. You can even comment Left: 0px & Right: 0px, but to make sure that it works in all browsers, lets leave them there.*/
}
#footer a {
	color:white;
	font-family:Lato;
	font-weight:100;
}