body,html {
height:100%; margin:0; height:100vh;
font-family: 'Quicksand', sans-serif;
font-size:100%;
text-align:center; 
color:#ffffff;

}

body {

 
/* bg animation */

background: linear-gradient(0deg, #ff2094, #e648ff, #ff004d, #f9802e, #ffc100, #fde102, #ccff00, #49d0d7, #5a90dd, #9355fb);
background-size: 50000% 50000%;

-webkit-animation: mmlBGani 50s ease infinite;
-moz-animation: mmlBGani 50s ease infinite;
-o-animation: mmlBGani 50s ease infinite;
animation: mmlBGani 50s ease infinite;

}

@-webkit-keyframes mmlBGani {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes mmlBGani {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-o-keyframes mmlBGani {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes mmlBGani { 
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}



@font-face: {'Quicksand'; src: url('../fonts/Quicksand-Light.ttf') format('truetype');font-weight: normal; font-style: normal;}

H1			{ font-family: 'Quicksand', sans-serif; font-size: 2.8em; font-weight: 300; }
H2 			{ font-family: 'Quicksand', sans-serif; font-size: 1.6em; font-weight: 300; }

H2 			{ font-family: 'Quicksand', sans-serif; font-size: 1.6em; font-weight: 300; }

a 			{ color: #ffffff; text-decoration: underline; }
a:hover 		{ color: #000000; text-decoration: underline; }


.footer_copyright 	{ font-family: 'Quicksand', sans-serif; font-size: 0.8em; font-weight: 300; }

#header 		{ position:fixed; top:0px; height:10%; width:100%; text-align:center; padding:10px; z-index: 11;
 }
#content 		{  width:100%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; padding-top:3em; padding-bottom:1em; z-index: 12;
 }
#footer 		{ position:fixed; bottom:0px; height:5%; width:100%; text-align:center; padding:10px; z-index: 13;
  }