:root {
  • -primary-color: #363287;
  • -secondary-color-1: #f9b010;
  • -secondary-color-2:#fce7ba;
  • -neutral-color:#363287;
  • -neutral-soft-color:#c3c2dc;
  • -neutral-light-color:#fff;

  • -success-color: #3cab3b;
  • -danger-color: #d8604c;
  • -warning-color: #D78958;

  • -main-text-color:var(--primary-color);
  • -main-text-fontsize: 14px;
  • -main-text-fontfamily:'Montserrat', sans-serif;
  • -main-title-fontfamily : 'Montserrat', sans-serif;
  • -main-bg-color:var(--neutral-light-color);
  • -main-container-bg-color:var(--neutral-light-color);
  • -link-color: var(--primary-color);
--link-hover-color: var(--primary-color);
--navbar-bg-color: var(--primary-color);
--navbar-text-color: var(--neutral-light-color);
--navbar-link-color: var(--neutral-light-color);
--navbar-link-bg-color: transparent;
--navbar-link-hover-color: rgba(255,255,255,0.85);
--navbar-link-bg-hover-color: transparent;
--navbar-border: none;
--navbar-border-radius: 0;
--navbar-shadow: none;
--header-bg-color: var(--neutral-light-color);
--header-text-color: var(--neutral-color);
--header-title-color: var(--primary-color);
--footer-bg-color: transparent;
--footer-text-color: var(--main-text-color);
--footer-title-color: var(--main-text-color);
--footer-border-top: 3px solid var(--neutral-soft-color);
--btn-border: none;
--btn-border-radius: .5em;
--checkbox-color: var(--primary-color);
}

h1 {
  • letter-spacing: initial;
  • font-size: 2.2rem;
  • font-weight: 600;
  • background-color: var(--title-h1-color);
  • color: white;
  • display: inline-block;
  • padding: .25em;
}