:root {



  
/*  Front page and Emma Only  */




/*  Body Colour  */

--body-background: rgb(211, 171, 196);

/*  Main wrapper  */

--wrapper-background: rgb(226, 198, 214);
--wrapper-border: rgb(191, 194, 197);

/*  Main navigation  */

--main-navigation-background: rgb(218, 160, 213);
--main-navigation-border: rgb(177, 146, 165);

/*  Logo Border Colour  */

--logo-background: rgb(100, 100, 30);
--logo-border: rgb(197, 128, 128);



/*  Sub Navigation - Wrapper serounding the four navigation cards  */

--sub-navigation-background: rgb(219, 201, 213);
--sub-navigation-border: rgb(206, 154, 211);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background: rgb(216, 157, 203);
--sub-navigation-cards-border: rgb(133, 32, 99);


                        /*  Footer  */


/*  Sub Navigation -     Footer       Wrapper serounding the four navigation cards  */

--sub-navigation-background-footer: rgb(207, 168, 193);
--sub-navigation-border-footer: rgb(154, 116, 214);


/*  Sub Navigation -    Footer       The four navigation cards  */

--sub-navigation-cards-background-fotter: rgb(236, 208, 230);
--sub-navigation-cards-border-fotter: rgb(228, 112, 222);

/*  Main content   */

--main-content-wrapper-background: rgb(228, 184, 211);
--main-content-wrapper-border: #c483ab;



/* ----------------*/
/*  Sissy Section  */
/* ----------------*/



/*  Body Colour  */

--body-background-s: rgb(27, 7, 20);

/*  Main wrapper  */

--wrapper-background-s: rgb(226, 198, 214);
--wrapper-border-s: rgb(191, 194, 197);

/*  Main navigation  */

--main-navigation-background-s: rgb(218, 160, 213);
--main-navigation-border-s: rgb(177, 146, 165);

/*  Logo Border Colour  */

--logo-background-s: rgb(100, 100, 30);
--logo-border-s: rgb(92, 8, 8);



/*  Sub Navigation - Wrapper serounding the four navigation cards  */

--sub-navigation-background-s: rgb(219, 201, 213);
--sub-navigation-border-s: rgb(206, 154, 211);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background-s: rgb(216, 157, 203);
--sub-navigation-cards-border-s: rgb(137, 31, 224);


                        /*  Footer  */


/*  Sub Navigation -     Footer       Wrapper serounding the four navigation cards  */

--sub-navigation-background-footer-s: rgb(207, 168, 193);
--sub-navigation-border-footer-s: rgb(23, 5, 53);


/*  Sub Navigation -    Footer       The four navigation cards  */

--sub-navigation-cards-background-fotter-s: rgb(236, 208, 230);
--sub-navigation-cards-border-fotter-s: rgb(54, 41, 54);

/*  Main content   */

--main-content-wrapper-background-s: rgb(228, 184, 211);
--main-content-wrapper-border-s: #c483ab;


/* ----------------*/
/*  MOBM  */
/* ----------------*/


/*  Body Colour  */

--body-background-MOBM: rgb(230, 211, 223);

/*  Main wrapper  */

--wrapper-background-MOBM: rgb(216, 160, 192);
--wrapper-border-s: rgb(226, 134, 214);

/*  Main navigation  */

--main-navigation-background-MOBM: rgb(218, 160, 213);
--main-navigation-border-MOBM: rgb(177, 146, 165);

/*  Logo Border Colour  */

--logo-background-MOBM: rgb(30, 100, 33);
--logo-border-MOBM: rgb(233, 201, 201);



/*  Sub Navigation - Wrapper serounding the four navigation cards  */

--sub-navigation-background-MOBM: rgb(92, 122, 51);
--sub-navigation-border-MOBM: rgb(206, 154, 211);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background-MOBM: rgb(224, 169, 211);
--sub-navigation-cards-border-MOBM: rgb(214, 95, 188);


                        /*  Footer  */


/*  Sub Navigation -     Footer       Wrapper serounding the four navigation cards  */

--sub-navigation-background-footer-MOBM: rgb(207, 168, 193);
--sub-navigation-border-footer-MOBM: rgb(23, 5, 53);


/*  Sub Navigation -    Footer       The four navigation cards  */

--sub-navigation-cards-background-fotter-MOBM: rgb(236, 208, 230);
--sub-navigation-cards-border-fotter-MOBM: rgb(42, 41, 54);

/*  Main content   */

--main-content-wrapper-background-MOBM: rgb(228, 184, 211);
--main-content-wrapper-border-MOBM: #c483ab;

}