.light{
    --main-1:#E11559;
    --main-2: #D9740F;
    --main-3:#C66F62;
    --main-4:#DFE7FF;
    --main-5:#F42D0E;
    --main-6:#DFE7FF;
    --button-1:#0E030E;
    --button-2:#1A0516;
    --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:#CC6C0C;
    --main-2:#E81717;
    --main-3:#B73838;
    --main-4:#151D35;
    --main-5:#4071FF;
    --main-6:#DFE7FF;
    --button-1:#11010E;
    --button-2:#150A14;
    --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;
  }