:root {
    --cDark: #181830;
    --cMain: #b8e8f8;
    --cShade: #3868f8;
}

body {
    font-family: 'Lucida Console', Monaco, monospace;
    color: var(--cDark);
    background-attachment: fixed;
    image-rendering: pixelated;
}

::selection, ::-moz-selection {
    background: var(--cShade);
    color: white;
}

a:link, a:visited {color: var(--cDark);}
a:hover {color: var(--cShade);}
a {text-decoration-style: dotted;}

h1 {
    background: var(--cShade);
    color:  white;

    text-align: center;

    padding: 16px;

    border-width: 2px 2px 8px 2px;
    border-style: solid;
    border-color: var(--cDark);
    border-radius: 16px;
}

h1::selection, h1::-moz-selection {
    background: white;
    color: var(--cShade);
}

h2 {
    background: white;
    
    padding: 8px;
    outline: 2px solid var(--cDark);
    box-shadow: 4px 4px var(--cShade);
}

div.imgDesc {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: auto;
    padding: 8px;

    border: 4px dotted var(--cShade);
}

div.imgDesc p {
    visibility: hidden;
    position: absolute;
    top: 8px;
}

table {
    border-spacing: 4px;
    width: 100%;
}

td {
    border: 2px solid var(--cShade);
    padding: 4px;

    background: white;
}

th {
    border: 2px solid var(--cDark);
    padding: 4px;

    background: var(--cShade);
    color:  white;

    text-align: center;
}

th::selection, th::-moz-selection {
    background: white;
    color: var(--cShade);
}