body {
     margin: 0;
}

 #center-screen {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     min-height: 100vh;
     font-size: 1em;
}


/* Background image */
 @media (prefers-color-scheme: light) {
     html {
         background: url("../images/background_light.svg") no-repeat center center fixed, #F6F9FA;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
}

 @media (prefers-color-scheme: dark) {
     html {
         background: url("../images/background_dark.svg") no-repeat center center fixed, #000000;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
}