* {
    box-sizing: border-box;
}

body {
    background-color: #c0c0c0; /* Classic 90s grey */
    font-family: "Times New Roman", Times, serif;
    color: #000000;
    margin: 40px;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    font-size: 36px;
    text-transform: lowercase;
    text-shadow: 2px 2px #ffffff;
}

h2 {
    color: #800000; /* Maroon */
}

a:link {
    color: #0000FF;
}

a:visited {
    color: #800080;
}

a:hover {
    color: #FF0000;
    text-decoration: underline;
}

hr {
    border: 0;
    height: 2px;
    background: #808080;
    border-bottom: 1px solid #ffffff;
}

table {
    background-color: #d3d3d3;
    border: 3px outset #ffffff;
    max-width: 100%;
}

ul {
    list-style-type: square;
    text-align: left;
}

li {
    margin-bottom: 10px;
}

/* Mobile adjustments */
@media screen and (max-width: 600px) {
    body {
        margin: 15px;
    }

    h1 {
        font-size: 24px;
    }

    table {
        width: 100%;
    }

    hr {
        width: 100% !important;
    }
}