@font-face {
    font-family: 'MoonlessSC Regular';
    src: url('fonts/MoonlessSC-Regular.otf') format('opentype');
}
html, body {
    background-color: #F5F5F5;
}

h1 {
    position: relative;
    font-family: 'MoonlessSC Regular', sans-serif;
    text-align: center;
    color: #FF8C00;
}

.headline {
    font-size: 4em;
    top: -80px;
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
    html, body {
        background-color: #212121;
    }
    h1 {
        color: #FFA500;
    }
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

#flt-loading {
/* Ändern Sie die Hintergrundfarbe */
    background-color: #F5F5F5 !important;
}

.flt-loading-indicator-line {
/* Ändern Sie die Farbe des Ladebalkens */
    background-color: #FFA500 !important;
}

#loading {
    background-color: #F5F5F5 !important; /* Very light gray */
}

.indeterminate {
    background-color: #FFA500 !important; /* Orange */
}

@keyframes loading {
    0% {
        left: -50%;
    }
    50% {
        left: 0;
        background-color: #FF8C00 !important; /* Darker orange */
    }
    100% {
        left: 50%;
        background-color: #FFA500 !important; /* Orange */
    }
}

.flutter-loader {
    background-color: #F5F5F5 !important; /* Sehr helles Grau */
}

.indeterminate:before {
    background-color: #FF8C00 !important; /* Dunkleres Orange */
}

.indeterminate:after {
    background-color: #FFA500 !important; /* Orange */
}