@font-face	{font-family:scala; src: url(/core/smn_system/fonts/scala.eot);}
@font-face	{font-family:scala; src: url(/core/smn_system/fonts/scala.ttf);}
@font-face	{font-family:scala bold; src: url(/core/smn_system/fonts/scala_bold.eot);}
@font-face	{font-family:scala bold; src: url(/core/smn_system/fonts/scala_bold.ttf);}

html { height:100%; }
body {
	font-family:Oxygen; 
	padding:0; 
	margin:0; 
	font-size:24px;
	font-size: 3vmin;	
	background-image: linear-gradient( to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1))!important;
}
h1,h2,h3 	{ font-family:Roboto; padding:0; margin:0; font-weight:100; } 
h1 			{ color:#0084ff; letter-spacing:2px;}
h2			{ font-size:120%; margin-bottom:20px;} 
h3			{ font-size:90%;}
p			{ padding:15px; border-radius:15px; font-size:70%;}
p.content	{ background-color:#ddd; }
 
.index_content { 
	padding:20%;
	padding-top:15%;
	font-family:Roboto;
	font-weight:100; 
}
.index_left 		{ width:15%; float:left;}
.index_right 	{ width:85%; float:right;}
.index_image 	{ width:80%; margin:auto;}
.platform_title	{ position:absolute; top:95%; left:70%; letter-spacing:2px; font-size:60%; text-align:right;}