I am making a test and I want the Text/Graphic "question" to be larger on the screen and separated from the multiple choice question below it. I wanted to do this by having general text span the whole screen and then format the actual multiple choice question smaller and centered on the screen. I was able to do most of it with the below CSS in the survey look and feel.
#SkinContent{ width:75vw; }
.Skin .QuestionOuter{max-width: 100%;}
.Skin .QuestionOuter.MC{max-width: 50%}

However, I cannot figure out how to have the smaller multiple choice section now centered on the screen, it is left aligned with everything I do. I do not want the text itself center-aligned, I just want the box of text and questions to show in the middle of the screen. Everything I have seen deals with margins but those are adjusted from my code above.
I tried the below but it doesn't do anything...
.Skin .QuestionBody{display: flex; justify-content: center}

I have a very novice level of understanding in either Java or CSS so I am not sure what I am missing. Thanks.