$mobi-green: #37C1C4;
$mobi-success: #A5DD43;
$mobi-in-progress: #FDC12A;
$mobi-button: #F47A6E;
$mobi-done: #356070;
$mobi-done-lock: #83A0AA;
$mobi-lock: #9EB7BF;
$mobi-failed: #EF5E7D;
$mobi-bg-text: rgba(34, 55, 63, 0.85);

:root {
  --main: #37C1C4;
  --textColor: #356070;
  --secondaryTextColor: #6c7f85;
  --primaryBackground: #d5dede;
  --activityDoneBackground: #356070;
  --activityDoneIcon: #83A0AA;
  --activityLockBackround: #83A0AA;
  --activityLockIcon: #9EB7BF;
  --correct: #A5DD43;
  --inProgress: #FDC12A;
  --failed: #EF5E7D;
  --arrow: #F47A6E;
  --button: #F47A6E;
  --quizBackground: #ffffff;
  --quizOptionBackground: #eff4f4;
  --quizSelectedOptionBackgroud: #37c1c4;
  --quizSelectedOptionIcon: #ffffff;
  --quizSelectedOptionIconBackground: #37b1b7;
  --quizOptionIconBackground: #d5dede;
  --quizSelectedOptionText: #ffffff;
  --postItColor1: #d36250;
  --postItColor2: #9bc94a;
  --postItColor3: #37c1c4;
  --postItColor4: #fdc12a;
  --postItColor5: #ef5e7d;
  --postItColor6: #338db5;
  --postItAddingButton: #fdc12a;
  --postItTextColor: #ffffff;
  --documentBackground: #ffffff;
  --bubbleShadow: 2px 2px 3px rgba(0,0,0,0.2);
  --popUpBackgroundColor: rgba(53,96,112,0.7);
  --backgroundColor: #d5dede;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: var(--scrollbarColor);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--main);
  border-radius: 6px;
}

body {
   font-family: "Ubuntu",sans-serif;
   color: var(--textColor);
 }

*, *::before, *::after {
  box-sizing: border-box;
}