:root{
    --english_color: indianred;
    --biology_color: green;
    --czech_color: #da1c1c;
    --ict_color: deepskyblue;
    --german_language_color: #239b56;
    --history_color: saddlebrown;
    --human_science_basic_color: orangered;
    --religion_education_color: yellow;
    --music_color: #b3b6b7;
    --physic_color: purple;
    --math_color: blue;
    --chemie_color: rgb(58, 71, 105);
    --geography_color: mediumturquoise;
}
@media screen{
    #biology{
        background: var(--biology_color);
    }

    #czech{
        background: var(--czech_color);
    }

    #english{
        background: var(--english_color);
    }

    #ict{
        background:  var(--ict_color);
    }

    #germanLanguage{
        background: var(--german_language_color);
    }

    #history{
        background: var(--history_color);
    }

    #humanScienceBasic{
        background: var(--human_science_basic_color);
    }

    #religionEducation{
        background: var(--religion_education_color);
    }

    #music{
        background: var(--music_color);
    }

    #physic{
        background: var(--physic_color)
    }

    #math{
        background: var(--math_color)
    }

    #chemie{
        background: var(--chemie_color)
    }

    #geography{
        background: var(--geography_color)
    }
}