footer.css

/* footer */
footer a {
    color: var(--offwhite);
    font-weight: bold;
    text-decoration: none;
  }
  .text-white {
    color: var(--offwhite) !important;
  }
  a {
    text-decoration: none;
    font-family: "ebgaramond-bold";
    color: #191308;
  }
  footer a:hover { color: white; text-decoration: underline; }

  :root {
    /* our colours*/
    --darkpurple: #850F78; 
    --mediumpurple: #bc15aa; 
    /*--purple: #B85BD1; */
    --highlight2: #F57D22; 
    --highlight: #F4CC1E; 
    --lightyellow: #fae99e; 
    --lightblue: #A0A7F3 ; 
    --offblack: #32232C ; 
    --offwhite: #e9dff1; 
    --ourbeige: #FFF6F2; 
    --background: #4ea194; 
    /*igem colours*/
    --igemdarkgreen: #006530; 
    --igemmediumgreen: #019968; 
    --igemlightgreen: #99cb9a; 
  }