:root {
   --body-font: 'Open Sans', sans-serif;
   --headline-font: 'Montserrat', sans-serif;
   
   --main-bg-color: #242f55;
   --main-bg-darker-color: ;
   --main-bg-lighter-color: ;
   --sec-bg-color: #fff;
   --sec-bg-darker-color: ;
   --sec-bg-lighter-color: ;
   --tri-bg-color: #e9eaed;
   --tri-bg-darker-color: ;
   --tri-bg-lighter-color: ;
   
   --main-text-color: #494949;
   --sec-text-color: #242f55;
   --tri-text-color: #999;

   --main-title-color: #242f55;
   --sec-title-color: #fff;
   --tri-title-color: #df5442;

   --link-color: #df5442;
   --link-hover-color: #1d3fb2;
   --link-active-color: #fcd314;

   --button-bg-color: #df5442;
   --button-bg-hover-color: #1d3fb2;
   --button-bg-active-color: #fcd314;

   --main-highlight: #df5442;
   --sec-hightlight: #fcd314;
   --tri-highlight; #1d3fb2;

}