html {

animation: colorchange 66s ;
-webkit-animation: colorchange 66s; 
-moz-animation: colorchange 66s;

text-rendering: optimizeLegibility;

margin: 6%;
height: 66%;

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: rgba(255,255,255,0.8);
font-size:2.5em; 
font-weight:bold;
line-height: 1.3;

cursor:default;

border: 66px ridge rgba(255,255,255,0.4);

-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);

}

a:link  	{text-decoration: none; font-size: 50%; color: rgba(255,255,255,0.1);}
a:visited 	{text-decoration: none; font-size: 50%; color: rgba(255,255,255,0.1);}
a:active 	{text-decoration: none; font-size: 50%; color: rgba(255,255,255,0.1);}
a:hover 	{text-decoration: none; font-size: 50%; color: rgba(255,255,255,0.3);}

@media (min-width: 0px) and (max-width: 800px) {

html {

margin:7%;
border: 33px ridge rgba(255,255,255,0.4);

}