style.css

:root {
    --background-color: #2B2730;
    --main-color: #6554af;
    --main-color-darker: #342b5a;
    --secondary-color: #9575DE;
    --accent-color: #E966A0;
    --text-color: #fff8f4;
}

.center {
    display: flex;
    margin: auto;
    width: 100%;
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: var(--background-color);
    color: var(--text-color);
}

canvas {
    margin-bottom: 16px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
}

.border {
    border: 2px solid var(--main-color-darker);
}

button {
    border: 0px var(--main-color);
    border-radius: 10px;
    background-color: var(--secondary-color);
    padding: 8px;
}

button:hover {
    background-color: var(--main-color-darker);
}

select {
    border: 0px var(--main-color);
    border-radius: 10px;
    background-color: var(--secondary-color);
    padding: 8px;
}