@font-face {
font-family: 'Nikitio';
src: url(/Nikitio.ttf); 
}


body {
background-image: url("/images/icons/bg.png");
background-size: 60px;
background-repeat: repeat;
font-size: 16px;
color: #aaa;
text-shadow: #000000 0 -1px;
font-family: Nikitio;
max-width: 580px;
margin: 0 auto;
}
a {
color: #aaa;
}
.none {
text-decoration: none;
}
.center {
text-align: center;
}
span.yellow {
color: #ffc;
}
span.blue {
color: #3399FF;
}
.margins {
margin-left: 12px;
margin-right: 12px;
}
.margins2 {
margin-top: 5px;
margin-bottom: 4px;
}
.margins3 {
margin-top: 9px;
margin-bottom: 8px;
}
.small {
font-size: small;
}
.input {
background-color: #fff;
border: 1px solid #000000;
-webkit-text-fill-color: #000000;
color: #000000;
margin-top: 5px;
margin-bottom: 4px;
}
input[type="submit"] {
color: #ccc;
border-radius: 6px;
padding: 6px;
background: linear-gradient(#007000, #005000); 
border: 2px solid #000000;
display: inline-block;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.btn1 {
color: #ccc;
border-radius: 6px;
padding: 6px;
background: linear-gradient(#007000, #005000); 
border: 2px solid #000000;
display: block;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.btn2 {
color: #ccc;
border-radius: 6px;
padding: 6px;
background: linear-gradient(#707070, #505050); 
border: 2px solid #000000;
display: block;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.btn3 {
width: 30%;
}
.btn4 {
font-weight: bold;
font-size: 75%;
width: 40%;
display: inline-block;
color: #ccc;
border-radius: 6px;
padding: 6px;
background: linear-gradient(#707070, #505050); 
border: 2px solid #000000;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.btn5 {
color: #ccc;
border-radius: 6px;
padding: 6px;
background: linear-gradient(#007000, #005000); 
border: 2px solid #000000;
display: inline-block;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.btn6 {
font-weight: bold;
font-size: 75%;
width: 40%;
display: inline-block;
color: #ccc;
border-radius: 6px;
padding: 6px;
background: linear-gradient(#c91818, #ab1616); 
border: 2px solid #000000;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.head {
background: linear-gradient(#606060, #444444); 
padding: 8px;
border-radius: 10px;
font-weight: bold;
color: #ccc;
font-size: 90%;
border-bottom: 2px solid #000000;
}
.info {
padding: 10px;
border-radius: 10px;
border: 1px solid #000000;
border-bottom: 1px solid #505050;
}
.text {
color: #ccc;
font-weight: bold;
background-image: url("/images/icons/bg.png");
background-size: 60px;
background-repeat: repeat;
padding: 6px;
border-radius: 6px;
border: 1px solid #000000;
border-bottom: 1px solid #505050;
}
.inline {
display: inline-block;
}
.lvl {
background: linear-gradient(#606060, #444444);
text-align: center;
font-weight: bold;
color: #ccc;
display: inline-block;
font-size: 77%;
border-radius: 8px;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
}
.unit {
display: inline-block;
border: 2px solid #606060;
border-radius: 8px;
margin-top: -5px;
}
.black_icon {
display: inline-block;
border: 4px solid #000000;
border-radius: 8px;
margin-top: -5px;
}
.profile {
display: inline-block;
border: 4px solid #606060;
border-radius: 8px;
margin-top: -5px;
}
.profile_gold {
display: inline-block;
border: 4px solid gold;
border-radius: 8px;
margin-top: -5px;
}
.battle {
border-radius: 8px;
}
.menu {
display: inline-block;
border: 2px solid #606060;
border-radius: 8px;
}
.selection {
display: inline-block;
color: #ccc;
border-radius: 2px;
padding: 4px;
background: linear-gradient(#606060, #404040); 
border: 1px solid #707070;
text-decoration: none;
margin-top: 3px;
margin-bottom: 2px;
}
.bg_1 {
font-size: 16px;
text-decoration: none;
display: block;
padding: 4px;
border-left: 0;
border-right: 0;
}
.bg_2 {
font-size: 16px;
text-decoration: none;
display: block;
background-color: #404040;
padding: 4px;
border: 1px solid #505050;
border-left: 0;
border-right: 0;
}
.edit_f {
font-size: 100%;
color: #cccccc;
background-color: #303030;
border: 1px solid #444444;
width: 98%;
height: 1000px;
}
.mprogress {
border-radius: 4px;
background-image: url("/images/icons/mprogress.png");
background-size: 100% 100%;
background-repeat: repeat;
height: 4px;
}
textarea {
color: #ccc;
font-weight: bold;
background-image: url("/images/icons/bg.png");
background-size: 60px;
background-repeat: repeat;
padding: 6px;
border-radius: 6px;
border: 1px solid #000000;
border-bottom: 1px solid #505050;
width: 66%;
}
#love { 
-webkit-animation: love 2s linear infinite; 
animation: love 2s linear infinite; 
} 
@-webkit-keyframes love { 
0% { 
color: rgba(255, 255, 255, 1); 
} 
50% { 
color: rgba(99, 99, 99, 99); 
} 
100% { 
color: rgba(255, 255, 255, 1); 
} 
} 
@keyframes love { 
0% { 
color: rgba(255, 255, 255, 1); 
} 
50% { 
color: rgba(99, 99, 99, 99); 
} 
100% { 
color: rgba(255, 255, 255, 1); 
} 
}