@font-face{
font-family: 'jrhand';
src: url('jrhand.ttf');
}
body{
margin: 0 auto;
width:auto;
max-width:800px;
}
h1{
color:rgb(17, 30, 132);
text-align:left;
}
h2{
color:rgb(6, 24, 163);
text-align:left;
}
h3{
color:rgb(6, 24, 163);
text-align:left;
margin:0;
}
hr{
border:1px solid rgb(6, 24, 163);
width:90%;
margin-top:20px;
}
p{
text-align:justify;
margin:0 0 0 0;
}
li{
text-align:justify;
}
pre{
border: 1px solid black;
padding: 5px;
margin:6px;
background-color: #ffffdd;
display:inline-block;
}
code{
background-color: #ffffdd;
}
a{
color:blue; 
text-decoration:none
}
a:active{
text-decoration:none;
color:rgb(150,150,100);
}
a:hover{
color:rgb(80,80,255)
}
/*title class*/
.title{
display:block;
text-align:center;
}
.title h1{
font-family: jrhand;
font-size:50px;
margin:0px;
text-align:center;
}
.title h2{
display:table;
text-align:center;
padding-bottom:10px;
margin:0 20px;
}
.titlebord{
display:table;
border-bottom:1px solid rgb(6, 24, 163);
border-radius: 10px;
padding:0 20;
margin:0 auto;
}
.title p{
margin:0px;
text-align:center;
}
/*margin classes*/
.margin10{
margin:10px!important;
}
.margintitle{
margin:20px 0!important;
}
/*block class*/
.block{
display:block!important;
margin:0px;
}
.clearblock{
width:100%;
display:block;
margin:0px;
margin-top:20px;
content:"";
clear:both;
display:table;
}
/*box class*/
.box{
display:inline-block;
padding:0px 10;
margin:0px 20;
}
/*box class with border*/
.boxbor{
display:inline-block;
padding:2px 10;
padding-top:5px;
margin:0px 20;
border-bottom:1px solid rgb(6, 24, 163);
border-radius: 10px;
}
.bordertitle{
display:inline-block;
padding:2px 10;
padding-top:5px;
margin:0;
border-bottom:1px solid rgb(6, 24, 163);
border-radius: 10px;
}
/*left column*/
.left{
display:inline-block;
width:19%;
float:left;
min-width:125px;
}
/*right column*/
.right{
display:inline-block;
width:75%;
float:right;
min-width:375px;
}