/* source: tasteprogram.htm style block 1 */
body {
            background-image: url(images/baggrund.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-color: skyblue;
        }
        #splash-screen {
            position: fixed; top: 0; left: 0;
            width: 100vw; height: 100vh;
            background-color: black;
            display: flex; align-items: center; justify-content: center;
            opacity: 0; animation: fadeInOut 7s ease-in-out forwards;
            z-index: 1000;
        }
        @keyframes fadeInOut {
            0% { opacity: 0;} 10% { opacity: 1;} 80% { opacity: 1;} 100% { opacity: 0;}
        }
        .balloon {
            position: absolute; font-size: 24px;
            color: white; background-color: red;
            padding: 10px; border-radius: 50%; text-align: center;
            width: 40px; height: 40px; display: flex;
            align-items: center; justify-content: center;
        }
        .apm { position: absolute; top: 10px; left: 10px;
            font-size: 40px; color: green; font-weight: bold;
        }
        .missed-counter { position: absolute; top: 10px; right: 10px;
            font-size: 32px; color: red; font-weight: bold;
        }
        .message { display: none; position: absolute;
            top: 50%; left: 50%; transform: translate(-50%, -50%);
            font-size: 48px; color: black;
        }
        .mode-selection, .level-selection {
            position: fixed;
            top: 50%; left: 50%; transform: translate(-50%, -50%);
            display: flex; flex-direction: column; align-items: center;
            background: rgba(255,255,255,0.3); padding: 20px;
            border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
            z-index: 900;
        }
        .mode-button, .level-button {
            margin: 10px; padding: 10px 20px;
            font-size: 24px; cursor: pointer;
            border: 2px solid black; border-radius: 10px;
            background-color: white;
        }
        .mode-button:hover, .level-button:hover { background-color: lightgray; }