* {
    font-family: Arial, Helvetica, sans-serif;
}

div#AppContainer {
    width: 100%;
    height: 100%;

    display: grid;
    grid-template-columns: auto;
    grid-template-rows: min-content auto;

    div#SelctionPrompt {
        background-color: #990000;
    }

    div#Questions {

        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: center;
        row-gap: 1em;

        overflow: auto;

        form.question-container {
            width: 50%;
            box-sizing: border-box;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            border-radius: 0.5em;
            padding: 1em;
            background-color: white;

            display: flex;
            flex-direction: column;
            justify-content: left;

            p {
                margin: 0 0 1em 0;
            }

            span.correct.show {
                background-color: greenyellow;
            }
        }
    }
}