:root{
--primary-color:#3b495e;
--secondary-color:#fa6230;
--third-color:#80cca1;
--fourth-color:#06d6a0;
--fifth-color:#f7f7f7;
--primary-border-color:#D3D3D4;
--secondary-border-color:#CECECE;

--primary-background-color:#ECECEC;
--secondary-background-color:#E1E1E1;
--shadow-color:#000000;

--primary-font-color:#444444;
--secondary-font-color:#1C1C1C;
--third-font-color:var(--primary-color);

--light-font-color:grey;
--dark-font-color:#000000;

--font-size-base:14px;
--line-height-multiplier:1.5;
--h1-font-size:2.4rem;
--h2-font-size:3rem;
--h3-font-size:1.5rem;
--h4-font-size:1.3rem;
--h5-font-size:1.2rem;
--h6-font-size:1.1rem;

--no-spacing:0;
--small-spacing:2px;
--medium-spacing:5px;
--large-spacing:10px;
--extra-large-spacing:20px;
--super-large-spacing:50px;
--extra-super-large-spacing:60px;
}