:root {
    --main-bg-color: #121212;
    --main-text-color-normal: #cccccc;
    --main-text-color-light: #eeeeee;

    /* Generated by Paletton.com */
    /* http://paletton.com/#uid=54W0u0kiCFn8GVde7NVmtwSqXtg */
    --primary-color-0: #C351C3;
    --primary-color-1: #EFAEEF;
    --primary-color-2: #DB7ADB;
    --primary-color-3: #A832A8;
    --primary-color-4: #981898;

    --secondary-color-1-0: #8B5DC8;
    --secondary-color-1-1: #CEB5F0;
    --secondary-color-1-2: #AA84DD;
    --secondary-color-1-3: #6F3FAF;
    --secondary-color-1-4: #59249E;

    --secondary-color-2-0: #ED638D;
    --secondary-color-2-1: #FAB6CB;
    --secondary-color-2-2: #F488A9;
    --secondary-color-2-3: #E54475;
    --secondary-color-2-4: #D02156;
}

html {
    font-family: sans-serif;
}

body {
    background-color: var(--main-bg-color);
    color: var(--main-text-color-normal);
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--main-text-color-light);
}

a {
    color: var(--primary-color-2);
    text-decoration: none;
}

a:hover {
    color: var(--primary-color-1);
}

a:focus {
    color: var(--primary-color-1);
}