@import "_animate.css";

BODY {font-family:'Open Sans', sans-serif;background:none;-webkit-font-smoothing: antialiased;background:url(../images/sub/IMMERHIN.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
DIV#container {position:absolute;bottom:50px;left:50px;}

H1, H2, H3 {text-rendering: optimizeLegibility;font-weight:300;font-family:'Open Sans', sans-serif;line-height:1;letter-spacing:-1px;margin-bottom:.5em;padding:.4em;opacity:.9;}

H1 {background-color:rgba(255,255,255,0.95);color:rgb(134, 129, 129);font-size:50px;font-weight:300;line-height:100%;opacity:0.85;margin-bottom:.25em;}
H2 {background-color:rgba(255,255,255,0.95);color:rgb(134, 129, 129);font-size:25px;font-weight:200;line-height:100%;}
H3 {background-color:rgba(255,255,255,0.95);color:rgb(134, 129, 129);font-size:22px;font-weight:normal;line-height:100%;}
DIV#link {background-color:rgba(255,255,255,0.95);color:rgb(134, 129, 129);margin:0px;padding:5px;font-size:13px;}
DIV#logo {position:absolute;width:321px;height:98px;top:50%;left:50%;margin-left:-160px;margin-top:-50px;}
	DIV#logo IMG {transition:all 0.4s;}
	DIV#link A {font-size:inherit;}

	.animated {opacity:0;}


DIV#logo img:hover{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 255, 0, 0.67);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 255, 0, 0.67);
box-shadow:         0px 0px 30px 0px rgba(0, 255, 0, 0.67);
}
DIV#logo img:last-of-type:hover{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
 -webkit-box-shadow: 0px 0px 30px 0px rgba(232, 0, 0, 0.67);
-moz-box-shadow:    0px 0px 30px 0px rgba(232, 0, 0, 0.67);
box-shadow:         0px 0px 30px 0px rgba(232, 0, 0, 0.67);
}