:root {
  --font_onest: 'Onest', sans-serif;
  --body-bg: #12161D;
  --body-color: #fff;
  --menu-bg-color: rgba(33, 33, 37, 0.356);
  --bg-color: #131313;
  --color-grey-light: rgba(255, 255, 255, 0.178);
  --color-grey-light-hover: rgba(255, 255, 255, 0.144);
  --color-btn-blue: #7d9cd8;
  --menu-bg-color: #131313;
  --hover-color: rgba(255, 255, 255, 0.1);
  --text-color: #ffffff;
  --active-border-color: #7d9cd8;

  --button-gradient: linear-gradient(
        63.43deg,
        #7d9cd8 47.87%,
        #7d9cd8 85.58%,
        #7d9cd8 103.32%
      );
  --button-hover-gradient: linear-gradient(
    63.43deg,
    #4e7cd8 47.87%,
    #7d9cd8 85.58%,
    #7d9cd8 103.32%
  );
  --gradient: linear-gradient(
    to bottom,
    #ffffff 20%,
    #010042 50%,
    #ffffff 100%
  );
}