@charset "UTF-8";
/* CSS Document */

div.subpage {padding:0 0 20px 0; margin:0 0 20px 0;  }
div.subpage img {mix-blend-mode:darken; -webkit-mix-blend-mode:darken; -moz-mix-blend-mode:darken;}
div.badge {width:148px; height:149px; position:absolute; top:50px; left:1180px; }
span.container {display:block; width:100px; height:100px; background:transparent; top:150px; left:450px; position:absolute;}
/*
@-moz-keyframes colorchange {
	0% {background:#9cdfa5;}
	12.5% {background:#00aba6;}
	25% {background:#085b64;}
	37.5% {background:#41355a;}
	50% {background:#a7a9ac;}
	62.5% {background:#bd482c;}
	75% {background:#da9d27;}
	87.5% {background:#ffd23e;}
	100% {background:#9cdfa5;}
	}
@-webkit-keyframes colorchange {
	0% {background:#9cdfa5;}
	12.5% {background:#00aba6;}
	25% {background:#085b64;}
	37.5% {background:#41355a;}
	50% {background:#a7a9ac;}
	62.5% {background:#bd482c;}
	75% {background:#da9d27;}
	87.5% {background:#ffd23e;}
	100% {background:#9cdfa5;}
	}
*/
/* logo spinning animation */
@-moz-keyframes turn {from {-moz-transform:rotate(0deg);} to {-moz-transform:rotate(-360deg);}}
@-webkit-keyframes turn {from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(-360deg);}}
span.container img {animation:turn 8s linear infinite; -webkit-animation:turn 8s linear infinite; -moz-animation:turn 8s linear infinite;}
.brand {width:1000px; position:relative; /*animation:colorchange 16s linear infinite; -webkit-animation:colorchange 16s linear infinite; -moz-animation:colorchange 16s linear infinite;*/}