html { overflow: auto; height: 100dvh; scroll-behavior: smooth; }
body {
    margin:                   0;
    background-color:       #0a2840; /* #f0f5fc;/*#1C1E21;/*darkolivegreen;/* mintcream;/* #171d29 lightcyan;/*mintcream;/*#171d29;/*rgb(45 50 74);/*#171d29;/*aliceblue;/* #171d29;/*rgba(0, 88, 0, .3); /* slategrey; /*lategrey #171d29; /*#001b4d;/* #184A78;/*#e8e8e8;/*#184A78;/* rgba(0,70,90,0.3);/* /* #202124; #dadeff; lightcyan; #4F62C0; rgba(0,0,255,0.3);/*#4F62C0; /*rgba(0,0,0,0.1); /*#4F62C0;/* whitesmoke;/* rgba(0,255,0,.1); Grey: ( #f1f1f1 , #f7f7f7 , #e8e8e8 ) rgba(33, 207, 74, .3)  #F0FFF0  2b3c44 */
    color:                  black;
    font-family:              'Oswald', sans-serif; /* Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; /* font-stack - system-default */
    line-height:              1.3;
    -webkit-font-smoothing:   antialiased;

    /*background-color: #121212;*/
    color: white;
}

* {
    box-sizing:             border-box;
    --webkit-box-sizing:    border-box;
    --moz-box-sizing:       border-box;
    --ms-box-sizing:        border-box;
    --o-box-sizing:         border-box;
    transition-duration:    1s;
}

.circle {
    border-radius:  50% 50% 50% 50%;
    position:       absolute;
    border-top:     2px solid white;
    border-bottom:  2px solid transparent;
    border-left:    2px solid white;
    border-right:   2px solid transparent;
    animation:      animate 2s infinite;	
}

@keyframes animate {
    50% { transform: rotate(360deg) scale(0.8); }	
}

@media print {
    body {
        background-color: white;
    }
}

.dark-theme {
    background-color: black;
    color: white;
}

/* Dark Theme 
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: white;
    }
}

/* Light Theme 
@media (prefers-color-scheme: light) {
    body {
        background-color: #0a2840;/*#0a3b4f;/*#F7F9FB; /* #f0f5fc
        color: black;
    }
}

*/