html, body {
    margin:0;
    padding: 0;
    box-sizing: border-box;    
}

:root{
    --sidenav-size: 10%;
}

.my-wonderfull-theme {
    --color-background-strong: #449670;
    --color-background-medium: #87cf8d;
    --color-background-small: #caf395;

    --color-border: #b8c1ec;

    --color-title-strong: #393c4d;
    --color-title-medium: #22221a;
    --color-title-small: #1a1a1a;

    --color-console.log-error: #e53170;
    --color-console.log-success: #2cb67d;
    --color-console.log-warning: #ff8906;

    --color-button-background: #eebbc3;
    --color-button-background-alt: #b8c1ec;
    --color-button-text: #232946;

    --color-link: #330e6d;
    --color-link-hover: #232946;
    --color-link-visited: #08006e;
    --color-link-active: #232946;

    --color-font: #fffffe;
    --color-font-light: #fff;
    --color-font-dark: #000;

    --color-shadow: rgba(255, 255, 255, 0.2);
}