﻿.QuestionContainer {
  display: block;
  border-radius: 13px;
  transform: translateZ(0);
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border: 2px solid rgb(2, 109, 203);
  white-space: nowrap;
  box-shadow: 2px 2px 6px rgb(2, 109, 203);
}

img.Question {
  max-width: 2.5em;
  height: auto;
}

.QuestionMarkBlock {
  display: inline-block;
  vertical-align: top;
  padding-left: 0.5em;
  padding-top: 0.6em;
  white-space: normal;
  padding-right: 0.25em;
}

.QuestionBlock {
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5em;
  white-space: normal;
  word-wrap: anywhere;
  margin-right: 4em;
}

.Question {
  font-weight: bold;
  word-wrap: anywhere;
}

.QuestionText {
  font-family: "Roboto Flex", "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: var(--font-variation-settings);
  word-wrap: anywhere;
}

.Questioner {
  font-size: 0.8125em;
  color: rgb(96, 96, 96);
}

.Answer {
  font-weight: bold;
}

.AnswerText {
  font-family: "Roboto Flex", "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: var(--font-variation-settings);
}
