html{ 
	height:100%; 
	scroll-behavior: smooth;	
}
body{
	width:380px;
	height:390px;
	font-family:Arial, Liberation Sans, Microsoft Sans Serif;   
	text-align:center;	
	min-height:100%;
	background:#f0f0f0;
	margin:0;
	padding:0;
}

.hidden { display: none; }
.unhidden { display: inline; }

a{		
	text-decoration: none;
}

#headerp{	
	width:100%;
	height:60px;
	background:#c6bcf7;
	font-size:28px;
	font-weight:bold;
	color:#fff;	
	font-family:BankGothic, Banksystem;
	line-height:2.2;
}
#headery{	
	width:100%;
	height:60px;
	background:#fdcd3b;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	font-family:BankGothic, Banksystem;
	line-height:2.2;
}
#headerg{	
	width:100%;
	height:60px;
	background:#90fd4e;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	font-family:BankGothic, Banksystem;
	line-height:2.2;
}

#content{
	font-size:15px;		
	text-align:left;
	padding:7px 10px;		
	color:#888;
	line-height:1.5;
}

img{
	border:none;
}

@font-face{
    font-family: Impactsgm;
    src: url('impactfont.ttf');
}
@font-face{
    font-family: Segoesgm;
    src: url('segoefont.ttf');
}
@font-face{
	font-family: Banksystem;
	src: url('banklight.ttf');
}

@-ms-viewport{width: device-width}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}