@font-face { font-family: 'ronda'; src: url('https://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');}
@font-face { font-family: pixel; src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);}

body {background:#eee url(https://files.catbox.moe/99h763.webp);}
  
table {font-family:"ronda", calibri, verdana, arial;
font-size: 8px;text-align:justify;
color:#5DA45D;
letter-spacing: 1px; 
line-height:10px;}

a:link, a:visited, a:active { 
color:#4F4527;text-decoration:none;}
a:hover {color:#005555;}

b {font-weight:bold;color:#039089;}
i {color:#444;font-style:normal;}
  
::-webkit-scrollbar-thumb {
background-color: #005555;  
border-radius: 5px;}
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}

.title {background:#EDFDFD;text-transform:uppercase; font-family: 'pixel', arial; font-size:12px;
color:#039089;line-height:12px;padding-top:1px;padding-left:4px;border-bottom:1px dashed #71C471;margin-bottom:4px;letter-spacing:3px;}
  
.bigtitle {background:#EDFDFD;text-transform:uppercase; font-family: 'pixel', arial; font-size:18px;
color:#005555;line-height:18px;padding-top:1px;padding-left:4px;border-bottom:1px dashed #71C471;margin-bottom:4px;margin-top:4px;letter-spacing:3px;}

#menu a { 
display:inline-block;
background:#94E04D; 
font:normal 9px 'silkscreen',monospace,georgia;
text-transform:uppercase;
padding:2px; 
padding-left:5px;
padding-right:5px;
letter-spacing:1px;
color:#333;
border-radius:10px;
border:1px solid #48AE47;
line-height:9px;}
      
#menu a:hover {
color:#005555;}

.navigation {background:#005555;margin-top:0px;border-bottom:1px solid #aaa;border-top-left-radius:10px;border-top-right-radius:10px;}
.sitename {background:#fff;padding-left:5px;border-bottom:1px solid #005555;border-right:1px solid #005555;border-left:1px solid #005555;line-height:18px;}
.leftside {background: #FFF; border-right: 1px solid #ddd;border-left:1px solid #005555;}

.content {
  background: #FFF;
  padding: 12px;
	height: calc(100% - 50px);
	overflow: auto;
	border-right: 1px solid #005555;}

iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.page img {
	max-width: 100%;
}

.page {
  background: #fff;
	font-family:"ronda", calibri, verdana, arial;
  font-size: 8px;text-align:justify;
  color:#5DA45D;
	padding: 12px;
	box-sizing: border-box;
	max-width: 800px;
	min-height:600px;
	overflow: hidden;
}

.footer {background: #005555;color:#555; border-top:1px solid #111;
 border-bottom-left-radius:10px;border-bottom-right-radius:10px;line-height:18px;}
.footer a {color:#fff;}
  
.navi {
display: block;
padding: 6px 5px;
border-radius: 3px;
transition: background 0.2s;
background: linear-gradient(145deg, #EFFDE9, #ADDAA1);
margin-bottom:4px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:3px;}
  
.navi:hover { background-color: #ddd; }

.sublinks {
display: none;
padding-left: 8px;
margin-top: 0px;
cursor:pointer;}
  
.sublinks a {
display: block;
padding: 4px 0;
color: #499657;
text-decoration: none;}
  
.sublinks a:hover { color: #666; }