:root {
	/*Color palette*/
	--color-1: #00B4D8;
	--color-1_hover: #008CBA;
	--color-2: #c77dff;
	--color-2_hover: #e0aaff;
	--color-3: #FFFFFF;
	--color-3_hover: #FFFFFF;
	/*Color Fonts*/
	--font-color-1: #000000;
	--font-color-2: #14213D;
	--font-color-3: #495057;
	--font-color-4: #6c757d;
	/*Background colors*/
	--bg-1: #F0F4F8;
	--bg-2: #E5E5E5;
	/*Shades of white*/
	--white-1: #ffffff;
	--white-2: #eeeeee;
	--white-3: #dddddd;
	--white-4: #cccccc;
	--white-5: #bbbbbb;
	--white-6: #aaaaaa;
	/*Shades of black*/
	--black-1: #000000;
	--black-2: #111111;
	--black-3: #222222;
	--black-4: #333333;
	--black-5: #444444;
	--black-6: #555555;
	--black-7: #666666;
	--black-8: #777777;
	
	/*Activity colors*/
	--alert-success: #155724;
	--alert-success-bg: #d4edda;
	--alert-success-border: #c3e6cb;
	--filter-alert-success: invert(27%) sepia(24%) saturate(1306%) hue-rotate(81deg) brightness(93%) contrast(95%);
	
	--alert-warning: #856404;
	--alert-warning-bg: #fff3cd;
	--alert-warning-border: #ffeeba;
	--filter-alert-warning: invert(38%) sepia(14%) saturate(4166%) hue-rotate(17deg) brightness(96%) contrast(97%);
	
	--alert-danger: #721c24;
	--alert-danger-bg: #f8d7da;
	--alert-danger-border: #f5c6cb;
	--filter-alert-danger: invert(18%) sepia(60%) saturate(2133%) hue-rotate(329deg) brightness(75%) contrast(97%);
	
	/*Filters*/
	--filter-success: brightness(0) saturate(100%) invert(26%) sepia(27%) saturate(1308%) hue-rotate(81deg) brightness(91%) contrast(91%);
	--filter-warning: brightness(0) saturate(100%) invert(34%) sepia(17%) saturate(5689%) hue-rotate(31deg) brightness(95%) contrast(97%);
	--filter-danger: brightness(0) saturate(100%) invert(17%) sepia(25%) saturate(4030%) hue-rotate(326deg) brightness(91%) contrast(100%);
	
	--filter-font-1: brightness(0) saturate(100%) invert(13%) sepia(19%) saturate(320%) hue-rotate(169deg) brightness(95%) contrast(96%);
	--filter-font-2: brightness(0) saturate(100%) invert(20%) sepia(5%) saturate(1260%) hue-rotate(169deg) brightness(96%) contrast(89%);
	--filter-font-3: brightness(0) saturate(100%) invert(30%) sepia(15%) saturate(339%) hue-rotate(169deg) brightness(94%) contrast(90%);
	--filter-font-4: brightness(0) saturate(100%) invert(47%) sepia(7%) saturate(549%) hue-rotate(167deg) brightness(95%) contrast(88%);
	
	--filter-bg-1: brightness(0) saturate(100%) invert(99%) sepia(88%) saturate(160%) hue-rotate(172deg) brightness(118%) contrast(91%);
	--filter-bg-2: brightness(0) saturate(100%) invert(100%) sepia(64%) saturate(130%) hue-rotate(202deg) brightness(113%) contrast(86%);
	
	--filter-white-1: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
	--filter-white-2: invert(99%) sepia(1%) saturate(372%) hue-rotate(203deg) brightness(119%) contrast(87%);
	--filter-white-3: invert(100%) sepia(0%) saturate(1627%) hue-rotate(143deg) brightness(113%) contrast(73%);
	--filter-white-4: invert(78%) sepia(0%) saturate(1306%) hue-rotate(225deg) brightness(102%) contrast(100%);
	--filter-white-5: invert(80%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(94%) contrast(92%);
	--filter-white-6: invert(76%) sepia(1%) saturate(0%) hue-rotate(144deg) brightness(91%) contrast(88%);
	
	--filter-black-1: invert(0%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(99%) contrast(106%);
	--filter-black-2: invert(0%) sepia(13%) saturate(1969%) hue-rotate(29deg) brightness(89%) contrast(87%);
	--filter-black-3: invert(10%) sepia(1%) saturate(0%) hue-rotate(50deg) brightness(92%) contrast(91%);
	--filter-black-4: invert(17%) sepia(17%) saturate(0%) hue-rotate(165deg) brightness(98%) contrast(92%);
	--filter-black-5: invert(21%) sepia(0%) saturate(1051%) hue-rotate(157deg) brightness(99%) contrast(80%);
	--filter-black-6: invert(38%) sepia(39%) saturate(0%) hue-rotate(237deg) brightness(83%) contrast(103%);
	--filter-black-7: invert(41%) sepia(1%) saturate(0%) hue-rotate(327deg) brightness(94%) contrast(88%);
	--filter-black-8: invert(48%) sepia(0%) saturate(995%) hue-rotate(186deg) brightness(97%) contrast(89%);
}

.text-gradient {
  display: inline-block;
  background: -webkit-linear-gradient(0deg, var(--color-1) 0%, var(--color-2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}