/**
 *  @fileoverview  DIGITAL CHARACTER COUNTER
 *  @author        Tohl SMALLFIELD
 */
/*------------------------------------------------
    reset
------------------------------------------------*/
body,h1,header,section,div,span,p,button,textarea{
    margin: 0; padding: 0;
}

/*------------------------------------------------
    body
------------------------------------------------*/
html,body{
    height: 100%;
}
body{
    background-color: #194c99;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#36c), to(#036));
    background-image: -moz-linear-gradient(#36c, #036);
    background-image: linear-gradient(#36c, #036);
    font-family: myriad, helvetica, verdana, sans-serif;
}

/*------------------------------------------------
    section
------------------------------------------------*/
section{
    display: block;
    position: absolute;
    left: 0; right: 0;
    width: 100%; height: 50%;
}
#sec1{
    bottom: 50%;
}
#sec2{
    top: 50%;
}

/*------------------------------------------------
    h1
------------------------------------------------*/
h1{
    position: absolute;
    width: 100%; height: 35px;
    text-align: center;
}
#sec1 h1{
    top: 50%;
    margin-top: -17px;
}
#sec2 h1{
    bottom: 50%;
    margin-bottom: -17px;
}

/*------------------------------------------------
    div
------------------------------------------------*/
div{
    position: absolute;
    top: 10px; right: 10px; bottom: 10px; left: 10px;
    background-color: #000;
    border: 10px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    -ms-border-radius:     10px;
    -o-border-radius:      10px;
    border-radius:         10px;
    z-index: 1;
}
#sec1 div{
    bottom: 5px;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, .2);
    -moz-box-shadow:    1px 0 0 rgba(255, 255, 255, .2);
    -ms-box-shadow:     1px 0 0 rgba(255, 255, 255, .2);
    -o-box-shadow:      1px 0 0 rgba(255, 255, 255, .2);
    box-shadow:         1px 0 0 rgba(255, 255, 255, .2);
}
#sec2 div{
    top: 5px;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow:    1px 1px 0 rgba(255, 255, 255, .2);
    -ms-box-shadow:     1px 1px 0 rgba(255, 255, 255, .2);
    -o-box-shadow:      1px 1px 0 rgba(255, 255, 255, .2);
    box-shadow:         1px 1px 0 rgba(255, 255, 255, .2);
}

/*------------------------------------------------
    textarea
------------------------------------------------*/
textarea{
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: transparent;
    border-style: none;
    color: rgba(255, 255, 255, .3);
    outline: none;
    line-height: 1.2;
}
textarea:focus{
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
}

/*------------------------------------------------
    .d
------------------------------------------------*/
.d{
    position: relative;
    display: inline-block;
    width: 27px; height: 35px;
    margin-left: -4px;
}

.d0{ background-position: 0    0;   }
.d1{ background-position: 0  -35px; }
.d2{ background-position: 0  -70px; }
.d3{ background-position: 0 -105px; }
.d4{ background-position: 0 -140px; }
.d5{ background-position: 0 -175px; }
.d6{ background-position: 0 -210px; }
.d7{ background-position: 0 -245px; }
.d8{ background-position: 0 -280px; }
.d9{ background-position: 0 -315px; }

.d{
    background-image: url(
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsA\
AAFdCAMAAADFfOaiAAABcVBMVEX///8CAAEJAAUaAA8YAA4VAA\
wOAAgMAAf/AJn+AJn8AJf7AJb7AJf6AJb5AJX4AJX3AJT1AJPz\
AJLyAJHwAJDuAI/tAI7pAIzoAIvmAIrlAIrkAIniAIjfAIbdAI\
XYAILVAIDTAH/SAH7RAH7MAHvIAHjHAHfEAHbCAHXAAHO9AHG8\
AHG7AHC2AG20AGyzAGyyAGuuAGiqAGanAGSkAGKiAGGfAF+eAF\
6cAF2aAF2WAFqSAFeQAFaNAFWLAFOIAFKFAFCDAE6AAEx8AEp6\
AEl2AEd0AEZyAERuAEJqAD9pAD9mAD1jADxhADpgADpfADldAD\
hcADdbADdZADZXADRXADVUADJRADBPAC9NAC5KAC1HACpFACpE\
ACk/ACY+ACU8ACQ6ACM4ACI1ACA0AB8zAB8yAB4xAB0wAB0uAB\
wtABsqABkoABgjABUhABQeABIdABEcABERAApBACg+ACYqABon\
ABglABcfABMGAAQEAAObnK++AAAAAXRSTlMAQObYZgAABi9JRE\
FUeNrtmftX00gUx5v0kbCIFER0pYqIC2iV5eUqoBQUWKBUKOkW\
+i4JfScpTdQ0+et3kpm8U4/n7DmeHjfzE8Ml5Zt774fvnSEQ0B\
YmC6Euj1Y3KOAKFjAi3Zs8dfZZW2cXVxUphKIYEWwWVqdJY91b\
+PuaFxQ1pvQqC29nSMv6bXX+hJfVGNHcJMdWJs1QdGmafN0k1J\
ggzpPk5Nq4HpqKT5DkMqPFQpePwHfepNKamLPkwUOw3WzgqpR+\
Ogo2n2j4BhydBI+RB6yqRWEPwNfj5zx8JYU9VH/leV/d4vV3YP\
PoMghfFm9YtpHqK7CZK4RhzLYNF4BMMl6NwJhtG9RkbjZxGAvl\
1O27OpR5oco8/obL2grmo6ZM6QjIWhd5Aa7bL8sjZJSCMtld8s\
lHqkTX4KKL6Y2xWEGTSXx9/zaZEekbFGOqV8nECiNo2bxZ20te\
VRkUuqHFTHJzuw1lFmJjGxdF4yNL1MdZcpeFMqkoObL85RZJ4c\
UNoPNIMrMZzQfhG+DSsbq9sGYzF0LZBHV2ZHPezGbcmc1XZjbn\
nNl810DZRFstmwFY9EMtfUA1fz5uZDOgyZxI0hzsCPqTWfRAQ9\
X18CAJ+yideqPJhKqZZfBYfErvv/FV0KfzopbNQPM1OfUiaun3\
P8dAnbXeDPAns6t3rP3++K+Fcg8qEzhx654ZmZx7L7aCBGpHot\
cqZHS80lmxHYzIJnwRE8t+L0wYWP7IwjBFkdFSFAzDrBE8Ihgr\
EiEInXgQIfqtmrnq7U4XMo0phHTbNgKgm7Knz5OQaQzv1ep8U4\
8xYubjA51pjGBrtWa/gWLXucSkwbQSUT+wqyvh8jMG0wFFUB8J\
I1ZkjjKZxuQwCDUEOeBmGsNvQawdUTyYxnAOxDoo93amNZk1Ds\
c8mIYye3rMyrQuk5DdTGsyG1xY8GAak4O1Nmdm2so0yCbfsdTA\
yjSG812zCHamFaJd51jzIy1MQ5mSIcXKtJ5N3INpZzatTMNssm\
Y249/J5pwzm7d6zMY0yiZCwM60Qyb8S4SYBv0HZOqvF25tW5jG\
ebUKeqqZ0vGUyTSItbiGkehKdueuwbQsdPp1SxVK2Q+LOtOYTP\
SaZqzR+sqyOtMqXoTJF6CLwA2mv4PlDyA90KdBMUINb58G4Art\
dW+fBky3Sk+8fRp0IZ0/mvL0aVBeRszuefq0Wl5GFHOU26dheZ\
l+r+v26eFius5UxbaEMl2nbExfF7NUOgUz/Tl5uGQyTUj5s+0H\
ZsZG5uOjsaLWhXKomnpO2tajzdWWJiXSXtucsceen1aCmpRQKT\
Yaf2aJTG+d5yXtbaFPLx0mkZRUmsoWr0NaqyGfpuroFaS2WGXq\
sOgOn8YgOzC5Dp+2Jdfh0xjRMZPr8Gkb4nafBlhZELf7dLfXZ9\
QegD9p92kqXxYZowccPh3dy5YZ/S+R06fvH+Vpvc4un54tt3Rb\
dfl0ghV0wFw+3REsSP8Xn/aZHm6m8X7h3M70y1HDp79d/mHn9u\
H6axr6NNHOPLHHZle2WkhmLZ9atETuL8XIRAfJrFXyl/+goqeO\
91+NW32aoasSmmmlyv7w+jSjT96O2RvvgYklp/eRffbGOTCx7E\
17zt64JGbeT3jP3nLoS2JswOyNEdzOoNkbU8Kd4k+evcHcQBDe\
szc4T7Ns88Zz9gbn6cVEtsR4zd7qefpuIlthPGZv7Tw9daI/aJ\
u94Xl6uxV2z97oPH3A4u7Ze/jO0/tlyc20dp4ef7l/nHIzLUsJ\
cubFtCfTcj+x9nQA03K4cvJ4ENMCc3X6azPtz94/eEdW5SO6Tb\
vuyBZTwJ4w7zuyOx/Q9Oa+I5vYzpYlWDXnHdn07kWRRtV23JFR\
uZxI30A/dNyRqU7N6NV2MK3btnVa1Jm2NaWDaY9pMW5Oi6xzWj\
SYtjalk2lOqgKdSKaD6bPMZb5SgzLdTC+d5mgUczMdOymH5QFM\
P13f6cuDmZZk36d/EZ/2mR5qpvHOzkCmifbWyuwApgVmZeP3AU\
wHC7HRl888mXacp21MO87TNqb9e+9huvf2z9P+vbd/7/2/nb39\
/0///PO026fN87SHTxvnaQ+fNs7T3j7dwX2f/uV92mfavyPzz9\
NDd57+F0AMaWmNznrwAAAAAElFTkSuQmCC");
}