:root{
    --bg-color: #232323;
    --bg-color-secondary: #e3e2e2;
    --bg-color-rgb: 35, 35, 35;
    --bg-color-button: #f3eeee;
    --bg-color-grey: #d7d4d4;

    --title-color: #646363;

    --menu-color: #515151;

    --font-color: #FFFFFF;
    --font-color-dark: #646363;
    --font-color-light: #FFFFFF;
    --font-color-rgb: 100, 99, 99;
    --font-color-button: #ffffff;
    --font-color-title: #ffffff;

    --font-small: 0.6em;
    --font-medium: 0.8em;
    --font-large: 1.5em;
    --font-normal: 16px;

    --font-family-normal: Lato,Helvetica Neue,sans-serif;
    --font-family-default: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

    --font-weight-normal: 400;
    --font-weight-bold: 700;

    --font-family-title: "Roboto", serif;
    --font-family-body: "Roboto Slab", serif;

    --padding-side: 0 15px;
    --max-width: 1200px;
}