<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'RobotoSlab-Regular';
	letter-spacing: -2px;
	src: url('../../../../content/thirdparty/RobotoSlab-Regular.otf');
}

@font-face {
	font-family: 'RobotoSlab-Light';
	letter-spacing: -2px;
	src: url('../../../../content/thirdparty/RobotoSlab-Light.otf');
}

@font-face {
	font-family: 'Roboto-LightItalic';
	letter-spacing: -2px;
	src: url('../../../../content/thirdparty/Roboto-LightItalic.otf');
}

@font-face {
	font-family: 'RobotoSlab-Bold';
	letter-spacing: -2px;
	src: url('../../../../content/thirdparty/RobotoSlab-Bold.otf');
}

@font-face {
	font-family: 'DroidSerif-Italic';
	letter-spacing: -2px;
	src: url('../../../../content/thirdparty/DroidSerif-Italic.otf');
}

@font-face {
	font-family: 'DroidSerif-BoldItalic';
	letter-spacing: -2px;
	src: url('../../../../content/thirdparty/DroidSerif-BoldItalic.otf');
}
@media all{
#Papertrell_WebApp_Preview_Content_Enclosure, #Papertrell_WebApp_Preview_Content_Enclosure{
		  margin:0;
		  padding:0;
		  font-family:RobotoSlab-Light;
		  font-size: 20px;
		  line-height: 160%;
		  color:#000000;
		  background-color:#ffffff;
		  height:100%;
	   }
	   
.container{
           padding: 2% 5% 250px 5%;
		
}
    
.container2{
	
	margin:2% 5%;
}

.container3 {
margin:1%;
padding-bottom: 20px;
}


strong{
	font-family: 'RobotoSlab-Bold';
}
	
	
em{
	font-family: 'Roboto-LightItalic';
}

p, li{
			padding-bottom:15px;
		}
		
a{
			border-bottom:none;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		
h1{
			color: #333;
text-align: left;
font-family: RobotoSlab-Regular;
font-size: 30px;
text-shadow: none;
font-weight: normal;
margin-top: 0;
padding: 0;
		}
		
h3{
	color: #666;
	font-family: RobotoSlab-Regular;
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 0;
		}
		
ul {
list-style: none;
padding: 0;
margin: 0;
}



li,.hanging { 
    padding-left: 1em; 
    text-indent: -.7em;
}

ul li span:before, .hanging:before {
color: #3191D9;
content: "\2022";
font-size: 1.5em;
padding-right: .25em;
position: relative;
top: .1em;
}
		
.featured{
	width:100%;
	padding:20px 0;
}

.featuredContainer{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#f6f8fa;
	border:1px solid #c5c2d6;
}

.featuredbox{
	
}

.featured .main-img{
width: 100%;
max-width: 400px;
text-align:left;
}

.contrib{
	background-color:#6955d2;
	}

.contrib a{
	color:#ffffff!important;
}

.featured td{

text-align:center;
}
.featured td a{
font-family: 'DroidSerif-Italic';
font-size: 15px;
color: #6955d2;

display: block;
}

.featured-txt{
	margin-top: -16px;
padding-bottom: 10px;
margin-bottom: 0;
padding: 5px 5px;
}

.iconsetBox{
	width:90px;
	
}
.iconset{
	width:30px;
	height:30px;
	margin-top: 10px;
}

.navgrid{
	width: 100%;
background-color: #0054AB;
text-align: center;
position: ;
bottom: 0;
padding: 15px 0;-webkit-box-shadow:  0px -3px 0px 0px rgba(18, 148, 217, .3);
        
        box-shadow:  0px -3px 0px 0px rgba(18, 148, 217, .3);
}



.contibuteIcon1{
	background-image: url('htmlicon_social_contribute.png');
	background-repeat: no-repeat;
	background-position: center center;	
	width: 30px;
height: 30px;
display: block;
margin: 0 auto;
position: relative;
top: 10px;
background-size: cover;
}


.contibuteIcon2{
	background-image: url('htmlicon_social_contribute-clicked.png');
	background-repeat: no-repeat;
	background-position: center center;	
	width: 30px;
height: 30px;
display: block;
margin: 0 auto;
position: relative;
top: 10px;
background-size: cover;
}

.contib-a1 a{
	height:51px;
}
 /************************************************/
.featuredContainer-noimage{
	max-width: 500px;
	margin: 0 auto;
}
 
.featuredbox-noimage {
width: 31%;
display: inline-block!important;
}

.contrib-noimage{
	width: 33%;
float: right;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.contib-a1-noimage a {
height: 51px;
}
 /***********************************************/


.navgrid ul{
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}

.navgrid ul li{
	text-align: center;
vertical-align: top;
display: inline-block;
padding: 10px 10px;
}

.navgrid ul li img{
	max-width: 75px;
width: 60px;
display: block;
margin: 0 auto;
}
.navgrid a{
	color: #1294D9;
font-size: 12px;
font-weight: bold;
display: block;
}

.navgrid-txt{
	line-height:120%;
	font-size: 12px;
}


.navBox{
	
}
 .navigation{
            position: ;
            background:white;
           	width:100%;
            margin-top:0px;
            top:0px;
			z-index: 100;
			-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .2);
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .2);
        }

.popup-footer{
 position: ;
            background:white;
           	width:100%;
           
            bottom:0px;
			z-index: 100;
			-webkit-box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, .2);
box-shadow: 0px -3px 2px 0px rgba(0, 0, 0, .2);
}

h2{
	color: #1650AB;
background-color: #FFF !important;
font-family: RobotoSlab-Regular;
font-size: 24px;

}

 .navigation h2{
	color: #1650AB;
background-color: #FFF;
font-family: RobotoSlab-Regular;
font-size: 24px;

}

 
 .close {
	padding: 5px;
vertical-align: middle;
text-align: center;
}

.close img{
	width: 18px;
	height:18px;
}

.box{
margin-top: 50px;
padding: 2% 5%;
}



.popupbox{
    height: 100%; 
	width: 100%;  
	background-color: #ffffff; 
	display: none; 
	position:; 
	bottom:0; 
	left:0; 
	overflow-y:scroll
}

#ground{
	
}

#short .box3{
			font-family: DroidSerif-Italic;
			
			-webkit-box-shadow: 0px 0px 1px 1px rgba(00, 00, 00, 0.1);
			box-shadow: 0px 0px 1px 1px rgba(00, 00, 00, 0.1);
		}
		
		#short p{
			
			padding: 30px;
			border-bottom: 1px solid #CCC;
			font-family: DroidSerif-Italic;
		}
		
		#short p:last-child{
			border-bottom: none;
		}
		
		#song{
			
			
			font-family: RobotoSlab-Regular;
		}
		
		#song p:first-child{
			
			font-family: RobotoSlab-Bold;
			
			border-bottom: none!important;
		}
		
		
		#song p:nth-child(2){
			font-family:DroidSerif-Italic;
			
		}
		
		#song p,#song .block p:first-child, #song .block p:nth-child(2){
			
			font-family: RobotoSlab-Regular;
		}
		
		#games{
			
		}
		
		#games h3{
			font-family: 'DroidSerif-BoldItalic';
			color:#000000;
			font-size: 21px;
			margin:0;
			padding-top: 0;
		}
		
		#if{
			
		}
.menubar{
	
}

.menu-item{
	background-color:#ffffff;
	margin-top: 10px;
	padding: 1%;
	-webkit-box-shadow:  0px 3px 3px 0px rgba(00, 00, 00, 0.1);
        
        box-shadow:  0px 3px 3px 0px rgba(00, 00, 00, 0.1);
}

.menu_img{
	width: 75px;
	display: table-cell;
	vertical-align: middle;
text-align: center;
}

.menu_img img{
	max-height: 60px;
	max-width: 70px;
}

.menu_txt{
	font-family: RobotoSlab-Regular;
	color:#1595d4;
	font-size:20px;
	display: table-cell;
vertical-align: middle;
padding-left: 20px;
}

/* customise pop up style start */

#wrapper{
	width: 100%;
	height: 100%;
	background-color: rgba(52, 52, 53, 0.09);
	position: ;
	z-index: 100;
}

#page1{
	width: 100%;
	
	position: ;
	overflow-y: scroll;
	padding: 2%;
	z-index: 101;
}

.dialogBox{
	background-color:#ffffff;
	max-width:300px;
	margin: 0 auto;
	padding:2%;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	}

h2{


font-family: RobotoSlab-Regular;
font-size: 24px;

}

.names{
	background-color: #F4F4F4;
padding: 4%;
width: 90%;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
-webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
border-top: 1px solid #999;
font-family: RobotoSlab-Light;
}

.g{
	color: #4BA6D8;
font-size: 17px;
padding-top: 10px;

}


.g input{
	margin-top: 18px;
}
#add_box{
	display: block;
float: left;
width: 100%;
margin-bottom: 15px;
}
#append{
float: right;
border-right: 1px solid #999;
border-left: 1px solid #999;
padding-left: 10px;
padding-right: 10px;
margin-right: 4px;
margin-top: 10px;

}

#append img{
	width: 20px;
height: 20px;
margin-top: 9px;
	}
	
#namebtn{
	width: 100%;
background-color: #4BA6D8;
padding: 12px 0;
color: #FFF;
font-size: 23px;
font-family: RobotoSlab-Regular;

display: block;
border-left: 1px solid #4BA6D8;
border-top: 1px solid #4BA6D8;
border-right: 1px solid #4BA6D8;
border-bottom: 2px solid #387CA2;
-webkit-appearance: none;
border-radius: 0px; 
-webkit-border-radius: 0px;
}

#clear_data{
	color: #0155A5;
font-size: 23px;
font-family: RobotoSlab-Regular;
text-align: center;
padding: 7px 0;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}

#clear_data img{
	width: 25px;
vertical-align: text-bottom;
padding-bottom: 2px;
}
#cancel{
	color: #0155A5;
font-size: 15px;
font-family: RobotoSlab-Light;
text-align: center;
padding: 7px 0;
border: 1px solid #999;
}
/* customise pop up style end */

/*************************************/

.popupbox1 h2 {
font-family: RobotoSlab-Regular;
font-size: 24px;
padding-top: 0;
margin-top: 0;
margin-left: 5%;
margin-right: 5%;
background-color: rgba(0, 0, 0, 0);
}

.popupbox1 .box {
margin-top: 0;
padding: 2% 5%;
}

.cons h3 {
	margin:0 5%;
	padding-top: 10px;
}
.remove_this{
	color: #0155A5;
	font-size: 12px;
	float: right;
	margin-right: 5px;
	margin-top: -3px;
}


/**********************************/
}

@media all and (min-width: 351px) and (max-width:759px)
 {
#Papertrell_WebApp_Preview_Content_Enclosure, #Papertrell_WebApp_Preview_Content_Enclosure{
		  font-size: 18px;
		  line-height: 140%;
		
	   }
.container{
         
		padding-bottom:180px;
}

h1{
	font-size:25px;
}

.featured-txt{
	margin-top: -10px;
padding-bottom: 20px;
}

.navgrid{
	padding:0;
}

.navgrid ul li{
	padding: 10px;
	max-width: 75px;
}

.navgrid ul li img{
	max-width: 75px;
	width: 45px;
	display: block;
	margin: 0 auto;
}
.navgrid a{
	font-size: 12px;
}

.navgrid-txt{
	line-height:120%;
	font-size: 12px;
}

.contib-a1-noimage a {
height: 48px;
}
}


@media (max-width: 350px) {
#Papertrell_WebApp_Preview_Content_Enclosure, #Papertrell_WebApp_Preview_Content_Enclosure{
		  font-size: 16px;
		  line-height: 140%;
		
	   }

.container{
         
		padding-bottom:180px;
}


h1{
	font-size: 18px;
}
h3{
	font-size: 11px;
}
.featured{
	padding:10px 0;
}
.featured-txt{
	margin-top: -10px;
padding-bottom: 11px;
}

.featured td a {
font-size: 12px;
}

.iconsetBox{
	width:75px;
}
.iconset{
	width:25px;
	height:25px;
}

.navgrid{
	padding-top:5px;
	padding-bottom:5px;
}
.navgrid ul li{
	padding: 5px 10px;
	
}

.navgrid ul li img{
	width: 30px;
	display: block;
	margin: 0 auto;
}
.navgrid a{
	font-size: 11px;
}

.navgrid-txt{
	line-height:100%;
	font-size: 11px;
}
.contibuteIcon {
	width: 25px;
height: 25px;
}

.contib-a1 a {
height: 42px;
}

.contib-a1-noimage a {
height: 42px;
}
}</pre></body></html>