/**
 * Colors
 */
/**
 * Breakpoints & Media Queries
 */
/**
 * Often re-used variables
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Button states and focus styles
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Applies editor right position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes editor_region_focus {
  from {
    box-shadow: inset 0 0 0 0 #33b3db; }
  to {
    box-shadow: inset 0 0 0 4px #33b3db; } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes modal-appear {
  from {
    margin-top: 32px; }
  to {
    margin-top: 0; } }

body {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.8;
  color: #191e23; }

p {
  font-size: 16px;
  line-height: 1.8; }

ul,
ol {
  margin: 0;
  padding: 0; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

ul ul,
ol ul {
  list-style-type: circle; }

.mce-content-body {
  line-height: 1.8; }