:root {
    --blue: #212b55 !important;
    --darkblue: #0e1224 !important;
    --white: #ffffff !important;
    --lightgrey: #d4d4d4 !important;
    --grey: #929292 !important;
    --red: #e74529 !important;
    --primary: var(--blue) !important;
    --primary-hover: var(--darkblue) !important;
    --primary-contrast: var(--white) !important;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji" !important;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace !important;
}

html,body {
    height: 100%;
}

#app {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#app .bg-allgeier {
    background: linear-gradient(0deg, #0b4b9a 0%, #212b55 100%)
}