.light{
    --main-1:#CAFE5C;
    --main-2: #CAFE5C;
    --main-3:#CAFE5C;
    --main-4:#CAFE5C;
    --main-5:#9BC446;
    --main-6:#CAFE5C;
    --button-1:#5C9AFE;
    --button-2:#CAFE5C;
    --button-3:#CAFE5C;
    --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:#000000;

  }
   .dark{
  --main-1:#CAFE5C;
    --main-2:#ADDC4B;
    --main-3:#CAFE5C;
    --main-4:#333D1D;
    --main-5:#9BC446;
    --main-6:#CAFE5C;
    --button-1:#CAFE5C;
    --button-2:#C1FC44;
    --button-3:#C4F45E;
    --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:#060606;
  }