body {
	background-color:black;
}


@font-face {
    font-family: 'Digital-7';
    src: url('/fonts/digital-7.woff2') format('woff2'), url('/fonts/digital-7.woff') format('woff'), url('/fonts/digital-7 (mono).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.seven-segment {
    font-family: 'Digital-7', sans-serif;
    font-size: 16rem;
    position: relative;
    letter-spacing: 0.2rem;
}

    .seven-segment::before {
        content: "88:88"; /* The shadow text */
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0.20;
    }


.plenty {
    color:green;
}

.almost {
    color:orange;
}

.out {
    color:red;
}


.parent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
}

.child {
    /* Additional styles for the child div */
    display: flex;
}