body, html {
    max-width: 500px;
    margin: 0 auto;
}

a {
    text-decoration: none;
    color: rgb(255, 86, 227);
}

a:hover {
    text-decoration: underline;
}

footer, header {
    height: 50px;
    background-color: chartreuse;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 5px black solid;
    transition: all 1s ease;
}

footer {
    margin-top: 30px;
}

header {
    margin-bottom: 30px;
}

table {
    border-spacing: 0 15px;
}

table thead th {
    border-bottom: 1px solid #000;
}

.block {
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;  
}

@media only screen and (max-width: 500px) {
    body, html {
        margin: 0 5px;
    }
}