body{
    margin: 0;
    background-color: #447;
    color: #eee;
}
.box
{
    width: 500px;
    margin: auto;
    padding: 25px 0;
    background: linear-gradient(#050508, transparent);
    border-radius: 5px;
    box-shadow: 0 0 15px #335;
    font-family: sans-serif;
    font-size: 16px;
}

.box__header
{
    text-align: center;
}

.box__row
{
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.row--titles
{
    font-weight: bold;
}

.row__item
{
    margin:  10px 15px;
    padding: 0;
    display: inline-block;
}

.item--one
{
    width: 70px;
}

.item--two
{
    width: 170px;
}

.item--tree
{
    width: 150px;
}

.item--pendiente
{
    font-weight: bold;
    font-style: italic;
    letter-spacing: 1.2px;
}

h1
{
    margin: 5px;
    font-size: 2em;
}

h2
{
    margin: 0 0 15px 0;
    font-size: 1.3em;
}

a:link
{
    color: #eee;
    text-decoration: none;
}

a:visited
{
    color: #eee;
}

a:active
{
    color: #eee;
}

a:hover
{
    color: #449;
}