@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
:root {
    --hl: #d4d4d4;
    --hl-h: #bbbbbb;
    --hl-hh: #aaaaaa;
    --bg: #1e1e1e;
}
* {
    font-family: 'Lexend', sans-serif;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
}
body {
    background-color: var(--bg)/*#00002d*/;
    color: var(--hl)/*#fbd109*/;
}
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
button {
    background-color: var(--hl);
    color: var(--bg);
    border-radius: 20px;
    border-width: 0;
    padding: 5px 5px;
    margin-bottom: 5px;
}
button:hover {
    background-color: var(--hl-h);
}
button .faded {
    background-color: var(--hl-h)
}
button .faded:hover {
    background-color: var(--hl-hh)
}
table {
    /*border-style: solid;
    border-color: var(--hl);
    border-width: 2px;
    border-radius: 20px;*/
    position: relative;
    left: 50%;
    transform: translate(-50%);
}
th, td {
    border-style: solid;
    border-color: var(--hl);
    border-width: 2px;
    border-radius: 20px;
    padding: 5px 10px;
}
a {
    color: var(--hl-h);
}
a:visited {
    color: var(--hl-h);
}