:root {
    --color-bg-primary: #111111;
    --color-bg-secondary: #333333;
    --color-bg-highlight: #505050;
    --color-text-primary: #f5deb3;
    --color-text-secondary: #ffffff;

    --color-board-wheat: #f5deb3;
    --color-board-black: #000000;
    --color-board-green: #1d7502;
    --color-board-red: #9e170d;

    --color-board-wheat-highlighted: #fff0d5;
    --color-board-black-highlighted: #424242;
    --color-board-green-highlighted: #1da81d;
    --color-board-red-highlighted: #e82113;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

body {
    font-family: "Century Gothic";
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
}

.homeButton {
    display: block;
    position: absolute;
    padding: 10px;
    margin: 10px;
    top: 0px;
    left: 0px;
    aspect-ratio: 1;
    background-color: var(--color-bg-primary);
    border: 2px solid var(--color-board-green);
    border-radius: 30%;
    cursor: pointer;
    z-index: 1;
    box-shadow: 3px 3px 7px var(--color-board-green);
}
.homeButton:hover {
    background-color: var(--color-bg-secondary);
}