html {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom right, #013c4a 0, #193e4c 44%, #004b5b 100%);
    color: #fff;
    font-family: GeoSlb712MdBT, Georgia, serif;
    font-style: normal;
}

.the-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.the-title {
    padding: 5px;
    font-size: 3em;
    text-align: center;
}

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?8834024');
    src: url('../font/fontello.eot?8834024#iefix') format('embedded-opentype'),
        url('../font/fontello.woff?8834024') format('woff'),
        url('../font/fontello.ttf?8834024') format('truetype'),
        url('../font/fontello.svg?8834024#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 120%;
}

.xxl {
    font-size: 300%;
    size: 300%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 15px;
}