body,html{
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    display: block;
    background-color: white;
}

.eduroot{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:transparent; /* Jasne tło */
}
      /* Klasa dla trybu wysokiego kontrastu */
        .high-contrast-mode {
            background-color: #000 !important;
            color: yellow !important;
        }

        .high-contrast-mode .btn-primary {
            background-color: #000 !important;
            color: #FFFF00 !important; /* Żółty na czarnym */
            border-color: #FFFF00 !important;
        }
        .high-contrast-mode .btn-secondary {
            background-color: #000 !important;
            color: #00FFFF !important; /* Cyjan na czarnym */
            border-color: #00FFFF !important;
        }
        .high-contrast-mode .btn-success {
            background-color: #000 !important;
            color: #00FF00 !important; /* Zielony na czarnym */
            border-color: #00FF00 !important;
        }
         .high-contrast-mode .btn-warning {
            background-color: #000 !important;
            color: #000 !important; /* Czarny tekst */
            background-color: #FFFF00 !important; /* Żółte tło dla ostrzeżeń */
            border-color: #000 !important;
        }
        .high-contrast-mode .btn-danger {
            background-color: #000 !important;
            color: #FF0000 !important; /* Czerwony na czarnym */
            border-color: #FF0000 !important;
        }
        .high-contrast-mode .btn-light {
            background-color: #333 !important;
            color: yellow !important;
            border-color:yellow !important;
        }

        .high-contrast-mode a {
            color: #FFFF00 !important;
        }
        .high-contrast-mode h1, .high-contrast-mode h2, .high-contrast-mode h3, .high-contrast-mode p, .high-contrast-mode span, .high-contrast-mode label {
             color: yellow !important;
        }
        .high-contrast-mode .card {
            background-color: #111 !important;
            border-color:yellow !important;
        }

        /* Dla ikon obok tekstu */
        .btn .bi {
            margin-right: 0.3rem;
        }
        .font-size-btn {
            font-weight: bold;
        }