:root {
    --color-primary-100: #ffc107;
    --color-primary-200: #ffc83b;
    --color-primary-300: #ffce58;
    --color-primary-400: #ffd572;
    --color-primary-500: #ffdc8a;
    --color-primary-600: #ffe3a2;
    /** CSS DARK THEME SURFACE COLORS */
    --color-dark-100: #121212;
    --color-dark-200: #282828;
    --color-dark-300: #3f3f3f;
    --color-dark-400: #575757;
    --color-dark-500: #717171;
    --color-dark-600: #8b8b8b;
    /** CSS DARK THEME MIXED SURFACE COLORS */
    --color-mixed-100: #272116;
    --color-mixed-200: #3c362b;
    --color-mixed-300: #514c42;
    --color-mixed-400: #68635a;
    --color-mixed-500: #7f7b73;
    --color-mixed-600: #98948e;
     /** CSS WHITE TEXT COLOR */
    --color-text: ghostwhite;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Sixtyfour', sans-serif;
}

body{
    background-color: var(--color-dark-100);
    color: #fff;
    overflow-x: hidden;
}
.backBlock{
    position: fixed; 
    bottom:0%;
    padding-bottom: 12px;
    padding-left: 10px;
    color: var(--color-primary-500);
}