@import url('https://fonts.googleapis.com/css2?family=Bad+Script&family=Nanum+Gothic+Coding:wght@700&display=swap');

:root {
  --color-primary: 			#4157b2;
  --color-primary-hover: 	#5066c2;
  --color-primary-dark:		#273880;
  --color-nonactive: 		#ccccda;
  
  --color-table-header: 	#C2D1B1;
  --color-noanswer: 			#f9f97a;
  --color-wronganswer:		#f7cfcf;
  --color-halfanswer:		#CEF2B5;
  --color-rightanswer:		#8cfa8c;
  
  --color-light:				#ffffff;
  --color-lightgrey:			#f0f0f0;
  --color-darkgrey:			#636363;
  --color-red:					#cb0943;
  --color-light-red:			#ff78a1;
  --color-green:				#72e725;
  --color-darkgreen:			#2e4b1b;
  --color-green-hover:		#a1ed49;
  --color-yellow:				#f0d40d;
  --color-darkyellow:		#453c00;
  --color-yellow-hover:		#fce125;
  
  --color-text:				#000033;
  --color-answer-back:		#dfedf1;
  --color-answer-hover:		#e0f6fc;
  --color-answer-frame:		#91a2c7;
  --color-answer-mark:		#a1cfe0;
  
  --back-image:				url('./img/back-rus.webp');
  --back-opacity:				rgb(235 236 239 / 93%);
  --back-opacity-dark:		rgb(25 59 70 / 93%);
  --back-size:					27%;
  
  --font-header:				'Bad Script', sans-serif;
  --font-timer:				'Nanum Gothic Coding', monospace;
}