@font-face {
font-family: "Philly Sans";
src: url("/ttf/PhillySans-Regular.otf") format("opentype");
}
body {
background-image:url(images/bg_turnshure.jpg);
background-attachment:no-scroll;
background-repeat:no-repeat;
background-position:.156px center;
background-size:cover;
/*<?php echo $width; ?>px <?php echo $height; ?>px;*/
background-color:#afafaf;
font-size:128px;
font-family: "Philly Sans";

} 
.out {font-size:256px;opacity:0;transition:font-size 1s linear;color:red;  transition: opacity .5s  linear;}
#me {
    -moz-animation: rotation 6s infinite linear;
    animation: rotation 6s infinite linear;
     -webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running;
opacity:.3;

}

#me:hover {
  -webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;

}
.gfxdwn {position:fixed;bottom:4px;left:4px;}
.gfxlgo , svg path{ width:128px;fill:white;}
img.gfxlgo path, .gfx path {fill:white;}

.bxtwndwn {position:fixed;top:4px;right:4px;}
.bxtwnlgo{ width:192px;}
a {text-decoration:none;}
.cycle:hover .enter {display:block;	color:#800080;
 text-decoration:none; text-shadow:3px 3px 3px white;
}
.enter {
      color:white; text-decoration:none;
transition: all .5s ease-in;
}

@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);transform: rotate(360deg);}
}
@-keyframes rotation {
    from {transform: rotate(0deg);transform: rotate(0deg);}
    to   {transform: rotate(359deg);transform: rotate(360deg);}
}
.rotate {margin-left:auto;margin-left:auto;opacity:.5; }
body  {
font-family: "Philly Sans";
src: local("Philly Sans, Regular"), url("http://djreason.de/ttf/PhillySans-Regular.otf") format("OpenType");
color : white;
font-size:48px; transition: opacity .5s  linear;    transition: all .5s linear;
}
a{color : white;
font-size:48px;opacity:1;
}.opac {
  transition: opacity .5s  linear;
  transition-timing-function: linear;
    -webkit-animation: opac .5s linear; 
  -moz-animation:    opac .1s linear; 
  -o-animation:      opac .1s linear; 
  animation:         opac .1s linear; 
 
    transition: all .5s linear;
}

@keyframes opac {
  from {
opacity:.1;
  }
 
  to {
opacity:1;
  }
}
.cycle {margin-top:128px;}