@media (prefers-color-scheme: dark) {
    body {
        background-color: #131313;
    }
}

@media (prefers-color-scheme: light) {
    body {
        background-color: #ffffff;
    }
}

body {
    min-height: calc(100% + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@keyframes textShine {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@font-face {
    font-family: 'BaWueRegular';
    src: local('BaWueRegular'), url(./fonts/BaWueSansWeb-Regular.woff2) format('woff2');
}

@font-face {
    font-family: 'BaWueBold';
    src: local('BaWueBold'), url(./fonts/BaWueSansWeb-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'BaWueItalic';
    src: local('BaWueItalic'), url(./fonts/BaWueSansWeb-RegularItalic.woff2) format('woff2');
}

@font-face {
    font-family: 'BaWueSerif';
    src: local('BaWueSerif'), url(./fonts/BaWueSerifWeb-Bold.woff2) format('woff2');
}