:root {
    --colour-text-white: #EAEDED;
    --colour-text-red: #fe0000;
    --colour-background: #080808;
    --colour-foreground: #080808;
    --colour-border: #303030;
}

h1 {
    text-shadow: 0px 2.5px 0px var(--colour-text-red);
}

body {
    background-color: var(--colour-background);
    font-family: 'Calibri', Arial, sans-serif;
}

body, table.table, a {
    color: var(--colour-text-white);
}

a:hover {
    color: var(--colour-text-white);
    text-decoration: none;
}

.text-muted {
    color: #777777 !important;
}

hr {
    border-color: var(--colour-border);
    border-width: 2px;
}

.foreground {
    background-color: var(--colour-foreground);
}

footer { 
    background-color: var(--colour-foreground);
    border-top: var(--colour-border) 1px solid;
}

.zoom {
    transition: transform 0.5s;
}

.zoom:hover {
    transform: scale(1.1)
}