/* --------------------WHOLE BODY STYLING-------------------- */

        body {
            background:linear-gradient(to right, #06212c,#00bfff,#06212c);
            font-family:'Segoe UI', sans-serif;
            color:white;
            text-align:center;
            padding:80px 20px;
            overflow: hidden;
        }

/* --------------------GLITTER STYLING-------------------- */

        canvas {
            position: absolute;
            inset: 0;
            display: block;
        }

/* --------------------MOON STYLING-------------------- */

        #moon {
            font-size: 65px;
            margin-bottom: 50px;
            animation: glow 2s infinite alternate;
        }

        @keyframes glow {
            from {text-shadow: 0 0 10px #f1c40f;}
            to {text-shadow: 0 0 30px #f39c12;}
        }

/* --------------------HEADING STYLING-------------------- */

        h1 {
            font-size: 42px;
            color: #f1c40f;
            text-shadow: 2px 2px 8px #000;
            margin-bottom: 40px;
        }

/* --------------------COUNTDOWN STYLING-------------------- */

        #countdown {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 25px;
            padding: 30px;
            background: rgba(255, 255, 255, 0.05);
            border: 2px solid #f1c40f;
            border-radius: 20px;
            box-shadow: 0 0 20px rgba(241, 196, 15, 0.6);
        }

/* --------------------TIME-BOX STYLING-------------------- */

        .time-box {
            background-color: rgba(0, 0, 0, 0.2);
            padding: 20px 15px;
            border-radius: 15px;
            min-width: 120px;
            box-shadow: inset 0 0 15px #16a085;
        }

/* --------------------LABEL STYLING-------------------- */

        .label {
            font-size: 18px;
            color: #f39c12;
            margin-bottom: 8px;
        }

/* --------------------VALUE STYLING-------------------- */

        .value {
            font-size: 28px;
            color: #2ecc71;
            font-weight: bold;
        }

/* --------------------AUDIO STYLING-------------------- */

        #audio {
            padding-top: 200px;
            padding-right: 1100px;
            margin: 0;
        }