@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --brand-color: rgb(143,34,175);
  --brand-color-medium: #ae79c3;
  --brand-color-light: #c990d7;
  --brand-color-verylight: #e4c7eb;
  --main-font: Montserrat, Roboto, Verdana, sans-serif;
  --title-font: var(--main-font);
  --color-white: #fdfdfd;
  --color-offwhite: #f2f2f2;
  --color-black: #3b3c3c;
  --color-lightgrey: #5a5a5a;
  --color-verylightgrey: #797879;
  --color-background: var(--color-offwhite);
  --color-menubackground: var(--color-white);
  --color-menuhoverbackground: tramsparent;
  --main-color: var(--color-black);
  --highlight: var(--brand-color);
  --highlightcolor: var(--brand-color);
  --icon-size: 20px;
  --menu-top-border-color: var(--brand-color);
  --menu-top-border-width: 0px;
  --menu-hover-bottom-border-color: var(--color-black);
  --menu-hover-bottom-border-width: 0px; 
  --menu-top-text-align: left;
  --border-radius: .3em;
  --grid-gap: 40px;
}