@font-face{
    font-family: 'ZCOOL-KuaiLe';
    src: url("./fonts/ZCOOL-KuaiLe.ttf")format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Seven-Segment";
    src: url("./fonts/Seven-Segment.ttf")format("truetype");
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    position: relative;
    background-color: rgb(30, 30, 30);
    min-height: 100vh;
    /* overflow: hidden;     */
    font-family: "ZCOOL-KuaiLe";
}
body::before {
    /* transition: background-image 0.5s ease; */
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.9;
    background: url('./background-image/vertical.png') center/cover no-repeat;
    @media (orientation: landscape) {
        background-image: url('./background-image/horizontal.png');
    }
}