/* Figma Styles of your File */
:root {
  /* Colors */
  --webtech-brand-primary: #152c9c;
  --webtech-brand-secondary: #0b68fe;
  --webtech-brand-additional: #00ccff;
  --webtech-brand-highlighted: #ed1044;
  --webtech-text-def-primary: #0d0d0d;
  --webtech-text-def-secondary: #424245;
  --webtech-text-def-tertiary: #656d7c;
  --webtech-text-inv-primary: #ffffff;
  --webtech-text-inv-secondary: rgba(255, 255, 255, 0.8);
  --webtech-text-inv-tertiary: rgba(255, 255, 255, 0.6);
  --webtech-bg-dark-blue: #152c9c;
  --webtech-bg-light-blue: #3f5fff;
  --webtech-bg-green: #d0ff14;
  --webtech-bg-capri: #00ccff;
  --webtech-bg-white: #ffffff;
  --webtech-bg-black: #0d0d0d;
  --webtech-bg-gradient: linear-gradient(
    242.75deg,
    rgba(7, 20, 86, 1) 0%,
    rgba(29, 45, 120, 1) 25%,
    rgba(21, 44, 156, 1) 50%,
    rgba(29, 45, 120, 1) 75%,
    rgba(7, 20, 86, 1) 100%
  );
  --webtech-common-line: #c9d4eb;
  --webtech-common-black: #000000;
  --webtech-common-white: #ffffff;
  --webtech-common-url-line: rgba(21, 44, 156, 0.4);
  --brand-itmo-bluetiful: #0b68fe;
  --brand-itmo-tart-orange: #f93f37;
  --brand-itmo-honey-yellow: #ffcc33;
  --brand-itmo-violet-color-wheel: #7f00ff;
  --brand-itmo-pink-flamingo: #fc74fd;
  --brand-itmo-yellow-ryb: #ffff33;
  --brand-itmo-green-lizard: #d0ff14;
  --brand-itmo-capri: #00ccff;
  --brand-itmo-black-lighter: #0d0d0d;
  --brand-itmo-black: #000000;
  --brand-itmo-white: #ffffff;

  /* Fonts */
  /* Effects */
}
/* Figma Color Variables of your File */