.midContainer {
                background: gray;
                margin-inline: auto;
                width: 80%;
                text-anchor: middle;
                text-align: center;
                border: 1pt solid white;
                border-radius: 20pt;
                padding: 1vh 1vw;
            }

            div#currentWord {
                font-size: 5vw;
                font-family: cursive;
                width: 75%;
                margin: auto;
                padding: 5%;
                background: #3b3b3b;
                border-radius: inherit;
            }

            .artikelBox {
                    font-family: cursive;
                    font-size: 3vw;

                    display: inline-block;
                    width: 28%;
                    margin: 5pt 0;
                    padding: 16pt 0;
                    border: 1pt solid white;
                    border-radius: inherit;
                    cursor: pointer;
            }
            .artikelBox:active {
                transform: scale(0.98);
            }
            .artikelBox.correct{
                background-color: green;
            }
            .artikelBox.notCorrect{
                background-color: rgb(128, 0, 0);
            }
            div#inputButtons {
                    display: inline-block;
                    width: 100%;
                    border-radius: inherit;
            }

            div#startGame {
                font-size: 3vw;
                width: 10%;
                min-width: fit-content;
                margin: 2% 2%;
                padding: 1% 3%;
                border: 1pt solid;
                border-radius: inherit;
                cursor: pointer;
                background-color: green;
                display: inline-block;
            }
            div#startGame.hasStarted {
                background-color: inherit;
            }
            .PressableNow:active{
                transform: scale(0.98);
            }
            

            div#topArea {
                display: inline-block;
                width: 100%;
                text-align:left;
                border-radius: inherit;

            }

            div#Timer {
                width: 20%;
                display: inline-block;
                margin: 2% 2%;
                border: 1pt solid white;
                border-radius: inherit;
                padding: 1% 1%;
            }
            span#curTime {
                font-size: 3vw;
                font-family: monospace;
                margin: 0 0 0 15%;
            }

            .StatTable {
                margin: 7vh auto;
                padding: 2vw;
                width: 75%;
                text-align: center;
                border-collapse: collapse;
            }
            .StatTable th{
                font-weight: bold;
                border: 2pt white solid;

            }
            .StatTable td {
                border: 1pt white solid;
            }