@font-face {
    font-family: 'Arial Rounded MT Bold';
    src: url('assets/ARLRDBD.TTF');
    src: local('Arial Rounded MT Bold'), local('Arial Rounded MT Bold'), url('assets/ARLRDBD.TTF') format('truetype');
}

table.main, table.main tr, table.main td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
}

    table.main tr, table.main td {
        height: auto;
        min-height: 0;
        line-height: normal;
        vertical-align: top;
    }

.content {
    padding: 4em;
    font-family: monospace;
    font-size: 1.0em;
}

.spacehor {
    width: 70%;
    height: 28px;
}

h1.title {
    font-family: 'Arial Rounded MT Bold';
    font-size: 2em;
    margin: 0;
    padding: 0;
    display: block;
}

table.main {
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .content {
        padding: 3em;
        font-size: 1.4em;
    }

    .spacehor {
        width: 10px;
        height: 28px;
    }

    h1.title {
        font-size: 1.2em;
    }

    table.main {
        width: 100%;
        max-width: 100vw;
        margin: 0;
    }

    body {
        margin: 0;
    }
}