/* Variables */
:root {
  /* --main-color: #9b59b6;
  --main-color-hover: #414452;
  --secondary-color: #f39c12; */
  --main-color: #5c33e7;
  --main-color-hover: #112145;
  --secondary-color: #372683;
  --dark-grey: #666666;
  --grey: #707070;
  --light-grey: #b7b7b7;
  --ultra-light-grey: #f5f5f5;
  --ultra-light-grey-rgb: 245, 245, 245;
  --correct-answer-color: #4caf50;
  --wrong-answer-color: #f44336;
}

* {
  font-family: DM Sans, Fira Sans;
}

html {
  min-height: 100%;
  height: 100%;

  font-family: DM Sans, Fira Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  color: #000;

  user-select: none;
}

body {
  min-height: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
  background: #fff;
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}