:root {
  --menu-bg: -webkit-linear-gradient(top, rgba(229,240,254,1) 0%,rgba(226,239,255,1) 14%,rgba(214,233,255,1) 16%,rgba(212,231,253,1) 18%,rgba(229,240,254,1) 100%);
  --menu-bg: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%);  
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
--menu-bg: 
linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); 

  --menu-fg: white;

  --menu-sub-bg: rgba(0, 150, 0, 0.8);
  --menu-sub-parent: rgba(0, 200, 0, 0.8);

  --hover-top-fg: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%);  
  --hover-top-fg: blue;
  --hover-sub-bg: white;
  --hover-sub-fg: black;
}