/* DEBUG: Show CSS variables */
:root { --blue-50: #e8f2ff;
        --blue-100: #d5e7ff;
        --blue-200: #b3d1ff;
        --blue-300: #85b0ff;
        --blue-400: #5681ff;
        --blue-500: #2f53ff;
        --blue-600: #0c1fff;
        --blue-700: #0011ff;
        --blue-800: #0616cd;
        --blue-900: #101f9f;
        --blue-950: #0a115c;
    };

html {
    height: 100%;
}

body {    
    /* Align horizontally center */
    align-items: center;

    /* Align vertically center */
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    height: 100vh;


    background-color: var(--blue-50) !important;
    
}