/* ---- fonts and colors ------- */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i");

:root {
  --main_color: #2D76AE;
  --main_color_opacity_10: rgba(45, 118, 174, 0.1);
  --main_color_opacity_30: rgba(45, 118, 174, 0.3);
  --main_color_opacity_50: rgba(45, 118, 174, 0.5);
  --main_color_opacity_70: rgba(45, 118, 174, 0.7);
  --warning_color: #FF0000;
  --warning_color_opacity_10: rgba(255, 0, 0, 0.1);
  --warning_color_opacity_30: rgba(255, 0, 0, 0.3);
  --warning_color_opacity_50: rgba(255, 0, 0, 0.5);
  --warning_color_opacity_70: rgba(255, 0, 0, 0.7);
  --dark_txt: #151C23;
  --dark_txt_opacity_10: rgba(21, 28, 35, 0.1);
  --dark_txt_opacity_30: rgba(21, 28, 35, 0.3);
  --dark_txt_opacity_50: rgba(21, 28, 35, 0.5);
  --dark_txt_opacity_70: rgba(21, 28, 35, 0.7);
  --dark_medium_txt: #515964;
  --dark_medium_txt_opacity_10: rgba(81, 89, 100, 0.1);
  --dark_medium_txt_opacity_30: rgba(81, 89, 100, 0.3);
  --dark_medium_txt_opacity_50: rgba(81, 89, 100, 0.5);
  --dark_medium_txt_opacity_70: rgba(81, 89, 100, 0.7);
  --medium_txt: #8C96A0;
  --medium_txt_opacity_10: rgba(140, 150, 160, 0.1);
  --medium_txt_opacity_30: rgba(140, 150, 160, 0.3);
  --medium_txt_opacity_50: rgba(140, 150, 160, 0.5);
  --medium_txt_opacity_70: rgba(140, 150, 160, 0.7);
  --light_txt: #FFFFFF;
  --light_txt_opacity_10: rgba(255, 255, 255, 0.1);
  --light_txt_opacity_30: rgba(255, 255, 255, 0.3);
  --light_txt_opacity_50: rgba(255, 255, 255, 0.5);
  --light_txt_opacity_70: rgba(255, 255, 255, 0.7);
  --dark_bg: #F58834;
  --dark_bg_opacity_10: rgba(245, 136, 52, 0.1);
  --dark_bg_opacity_30: rgba(245, 136, 52, 0.3);
  --dark_bg_opacity_50: rgba(245, 136, 52, 0.5);
  --dark_bg_opacity_70: rgba(245, 136, 52, 0.7);
  --dark_medium_bg: #E1E7EC;
  --dark_medium_bg_opacity_10: rgba(225, 231, 236, 0.1);
  --dark_medium_bg_opacity_30: rgba(225, 231, 236, 0.3);
  --dark_medium_bg_opacity_50: rgba(225, 231, 236, 0.5);
  --dark_medium_bg_opacity_70: rgba(225, 231, 236, 0.7);
  --medium_bg: #EFF4F7;
  --medium_bg_opacity_10: rgba(239, 244, 247, 0.1);
  --medium_bg_opacity_30: rgba(239, 244, 247, 0.3);
  --medium_bg_opacity_50: rgba(239, 244, 247, 0.5);
  --medium_bg_opacity_70: rgba(239, 244, 247, 0.7);
  --light_bg: #FFFFFF;
  --light_bg_opacity_10: rgba(255, 255, 255, 0.1);
  --light_bg_opacity_30: rgba(255, 255, 255, 0.3);
  --light_bg_opacity_50: rgba(255, 255, 255, 0.5);
  --light_bg_opacity_70: rgba(255, 255, 255, 0.7);
}

body, h1, h2 { font-family: "Roboto", sans-serif !important; }