.light{
    --main-1:#1EDD8D;
    --main-2: #4B79FF;
    --main-3:#2552D9;
    --main-4:#DFE7FF;
    --main-5:#2B61FF;
    --main-6:#DFE7FF;
    --button-1:#2BFF59;
    --button-2:#4B79FF;
    --button-3:#2552D9;
    --rise-1:#04C795;
    --rise-2:#2ACFA5;
    --rise-3:#03A97F;
    --rise-4:#D9F7EF;
    --fall-1:#ED425D;
    --fall-2:#F05E75;
    --fall-3:#C9384F;
    --fall-4:#FCE3E7;
    --text-4:#FFFFFF;

  }
   .dark{
  --main-1:#0EEF7B;
    --main-2:#5581FF;
    --main-3:#2552D9;
    --main-4:#151D35;
    --main-5:#4071FF;
    --main-6:#DFE7FF;
    --button-1:#2BFF7C;
    --button-2:#5581FF;
    --button-3:#2552D9;
    --rise-1:#04C795;
    --rise-2:#04B386;
    --rise-3:#009A7F;
    --rise-4:#0F2C25;
    --fall-1:#ED425D;
    --fall-2:#D53B54;
    --fall-3:#C9384F;
    --fall-4:#32181C;
    --text-4:#FFFFFF;
  }