html {
    /*Background*/
    --bg-color: rgb(20, 20, 20);
    --bg-image: url("/img/backgrounds/background.png");
    --panel-bg-color: rgba(35, 35, 35, 0.7);
    --panel-bg-image: linear-gradient(to bottom right, rgba(37, 37, 37, 0.9), rgba(70, 70, 70, 0.3));

    /*Text*/
    font-family: Arial, Helvetica, sans-serif;
    --text-size: 18px;
    --fg-color: rgb(216, 216, 216);
    --title-color: rgb(216, 216, 216);
    --title-size: 50px;
    --subtitle-color: rgb(255, 255, 255);
    --subtitle-size: 30px;

    /*Icons*/
    --icon-plus: url("/img/icons/dark/plus.png");
    --icon-send: url("/img/icons/dark/send.png");
}

body {
    background-color: var(--bg-color);
    color: var(--fg-color);
    margin: 0;
}

h1 {
    color: var(--title-color);
    font-size: --var(--title-size);
    text-align: center;
    font-weight:bolder;
}

h2 {
    color: var(--subtitle-color);
    font-size: --var(--subtitle-size);
    text-align: center;
    font-weight:bolder;
}

h3 {
    color: var(--subtitle-color)
}