/*
 * At time of writing (April 2014) this is only used in the old
 * Optical Illusions HTML5 resources.
 */

body {
	background-color: #000000;
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'Arnold-21';
    src:url('/fonts/Arnold-21.ttf.woff') format('woff'),
        url('/fonts/Arnold-21.ttf.svg#Arnold-21') format('svg'),
        url('/fonts/Arnold-21.ttf.eot'),
        url('/fonts/Arnold-21.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arnold 2.1';
    src:url('/fonts/Arnold-21.ttf.woff') format('woff'),
        url('/fonts/Arnold-21.ttf.svg#Arnold-21') format('svg'),
        url('/fonts/Arnold-21.ttf.eot'),
        url('/fonts/Arnold-21.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

#resourceName {
   font-family: 'Arnold-21';
   color: #ffffff;
   font-size: 20px;
}