body {
background:url("") repeat-x, 
url("") repeat;
background-color:#444; 
overflow-x:hidden;
font-family: "Aref Ruqaa Ink", serif; 
text-align:center;
font-size: 10px; 
color: #fff;
margin: 0px; 
padding: 0px;}


a:active, a:visited, a:link {
display: inline-block;
font-family:arial;
font-size:10px;
color:#f33819;
text-decoration: none;
font-weight: normal;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
}

a:hover {
color:#fff;
text-align:left;
letter-spacing: 0px;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
}


b {color: #f33819}
i {color: #000;}
u {color: #f33819;}
s {color: #f33819;}

h1{
color: #000;
font-size: 13pt;
text-align:center;
font-family: "Kode Mono", monospace;
background-color:#f36a54;
border-bottom: 4px solid #f33819;
line-height:18px;
letter-spacing:1px;
text-transform:lowercase;
padding:2px;
margin:4px;
}

h1:first-letter {text-transform:uppercase;}

h2{
color: #f36a54;
text-shadow: 2px 0px 2px #000;
border-bottom: 2px dotted #000;
font-family: "Kode Mono", monospace;
font-size: 9pt;
text-align:left;
background-color:transparent;
line-height:10px;
letter-spacing:-1px;
text-transform:lowercase;
padding:0px;
margin:5px;
}

table{
font-family: "Times New Roman";
font-size:8pt;
color: #fff;
background-color:#000;
border-bottom:2px solid #f36a54;
border-top:2px solid #fff;
padding:4px;
width:60%;
}

blockquote{
padding:4px;
border:2px solid #777;
color: #fff;
text-align: center;
margin-left:50px;
border-left:5px solid #f02f0f;
background-color:#888;
width:400px;
}

textarea{
font-family:"Times New Roman";
font-size:8pt;
color:#000;
background-color:#f02f0f;
border-bottom:2px solid #000;
border-top:2px solid #000;
text-align:left;
padding:4px;
}

::-webkit-scrollbar-thumb 
{background-image: url(); 
  background-color: #444;
border-radius: 25px;}
::-webkit-scrollbar 
{width: 6px;background-color: #eee;}

#content img, #content a img {
background: url() bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
box-shadow:2px 0px 5px #f02f0f;
border: 5px solid #f02f0f;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-webkit-border-radius: 5px;
 }
 
#content img:hover, #content a:hover img {
background: url() top center;
opacity: 1;
border-radius: 12px;
border: 5px solid #f02f0f;
box-shadow:2px 0px 5px #f02f0f;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 700

.kode-mono-<uniquifier> {
  font-family: "Kode Mono", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}