.default-content {
    font-family: sans-serif;
    text-align: center;
}

#qabox {
    flex-direction: column;
}

#question {
    margin: auto;
}

#answer {
    margin: auto;
}

@media screen and (orientation: portrait) and (max-height: 1600px) {
    #question {
        font-size: 6rem;
        padding-top: 5%;
        padding-bottom: 5%;
        width: 90%;
    }

    #answer {
        font-size: 28rem;
        width: 90%;
    }
}

@media screen and (orientation: portrait) and (min-height: 1601px) {
    #question {
        font-size: 8rem;
        padding-top: 40%;
        padding-bottom: 30%;
        width: 90%;
    }

    #answer {
        font-size: 32rem;
        width: 90%;
    }
}

@media screen and (orientation: landscape) and (max-width: 1000px) {
    #question {
        font-size: 3rem;
        padding-top: 5%;
        width: 85%;
    }

    #answer {
        font-size: 18rem;
        width: 85%;
    }
}

@media screen and (orientation: landscape) and (min-width: 1001px) {
    #question {
        font-size: 6rem;
        padding-top: 5%;
        padding-bottom: 5%;
        width: 80%;
    }

    #answer {
        font-size: 36rem;
        width: 80%;
    }
}