@charset "UTF-8";
:root {
  /* mainColors */
  --primaryColor: #165c7d;
  --secondaryColor: #3C9CC6;
  --textColor: #212121;
  --backgroundColor: #f9f9f9;
  /* practicalColors */
  --brightestColor: #f9f9f9;
  --darkestColor: #212121;
  --headlineColor: #212121;
  --primaryText: #f9f9f9;
  --secondaryText: #212121;
  --gradientColor: #217ba5;
  --gradientText: #f9f9f9;
  /* rgbPalette */
  --primaryColorRGB: 22, 92, 125;
  --secondaryColorRGB: 44, 155, 206;
  --textColorRGB: 33, 33, 33;
  --backgroundColorRGB: 249, 249, 249;
  --brightestColorRGB: 249, 249, 249;
  --darkestColorRGB: 33, 33, 33;
  --headlineColorRGB: 33, 33, 33;
  --primaryTextRGB: 249, 249, 249;
  --secondaryTextRGB: 33, 33, 33;
  --gradientColorRGB: 33, 123, 165;
  --gradientTextRGB: 249, 249, 249;
  /* text settings */
  --headlineFont: 'Yeseva One', serif;
  --textFont: 'Ubuntu', sans-serif;
  --textSize: 15px;
  --lineHeight: 20px;
  --smallTextSize: 12px;
  --headlineWeight: bold;
  --headlineStyle: normal;
  --headlineSizeMultiplier: 2;
  --quoteSign: '“';
  /* layout settings */
  --whiteSpace: 20px;
  --contentMaxWidth: 1200px;
  --borderRadius: 2px;
  --borderRadiusCheckbox: 2px;
  --thumbnailAspectRatio: 0.56;
  --iconSize: 16px;
  --miniChartSize: 100;
  --subtleTransitionSettings: .15s ease-out;
  --slowTransitionSettings: .5s ease-in-out;
  --strokeWidthThin: 2px;
  --strokeWidthThick: 3px;
  --imageOpacity: 0.9;
  --imageOpacityFaded: 0.5;
  --imageOpacityBackground: 0.15;
  --sectionWhiteSpace: 40px;
}