body {
background-color: #e9e9e9; 
color: #3a3a3a;
line-height: 1.7em;
font-size: 1em;
}

h1,h2,h3,h4,h5,h6{
padding: 2% 10% 2% 7%;
font-weight: bold;
font-size: 1em;
}

.ko{color: #cc1182;}
.ko2{color: #dd68d5;}

.su{color: #3322d0;}
.su2{color: #4550ad;}

.pe{color: #d27502;}
.pe2{color: #bd9906;}

.u{color: #009900;}
.u2{color: #0db056;}

.gi{color: #990bb3;}
.gi2{color: #b418e7;}

.ku{color: #149cab;}
.ku2{color: #03c9c9;}

.ato{color: #b02225;}
.ato2{color: #da161c;}

.a{ color: #0000ff;}

.b{ color: #008000;}

.c{ color: #8c8c00;}

.r{ color: #666666;}

.s{ color: #ff0000;}

.z{  color: #000000;}

.n{  background-color: #dddd00;}

.m{  background-color: #00dd00;}

.l{  background-color: #0088ee;}

.o{  background-color: #cc2000;}

.pp{  color: #ffffff;}