/*  Variables
---------------------------------------- */

:root {

  /* Colors */
  --color-primary: #08181c;
  --color-secondary: #88f9c8;
  --color-third: #ffce06;
  --color-fourth: #59ab23;
  --color-fourth-rgba: 89, 171, 35;
  --color-fifth: #ebedf9;
  --color-sixth: #F2F5FF;
  --color-seven: #663FF4;
  --color-shadow-rgba: 200,200,200;
  --color-light: #FFFFFF;
  --color-gray1: #161C20;
  --color-gray2: #3C4547;
  --color-bluegray20: #D0D9E4;
  --color-black: #011A1D;

  /* Fonts */
  --font-primary: 'Anton';
  --font-secondary: 'Space Grotesk';
  --font-third: Courier; ,
--font-fourth: Courier;

  /* Sizes */
  --rem-size: 16;
}

.iheight {
  height: inherit !important;
}

/*  Text Colors
---------------------------------------- */

.text-primary {
  color: var(--color-primary) !important;
}

.text-dark  {
  color: var(--color-secondary) !important;
}

.text-third {
  color: var(--color-third) !important;
}

.text-light {
  color: var(--color-light) !important;
}


/*  Background Colors
------------------------------------- */

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.bg-third {
  background-color: var(--color-third) !important;
}

.bg-fourth {
  background-color: var(--color-fourth) !important;
}


/*  Font sizes
------------------------------------- */

.fs7  { font-size: calc(7/var(--rem-size)*1rem) !important  }
.fs8  { font-size: calc(8/var(--rem-size)*1rem) !important  }
.fs9  { font-size: calc(9/var(--rem-size)*1rem) !important  }
.fs10 { font-size: calc(10/var(--rem-size)*1rem) !important }
.fs11 { font-size: calc(11/var(--rem-size)*1rem) !important }
.fs12 { font-size: calc(12/var(--rem-size)*1rem) !important }
.fs13 { font-size: calc(13/var(--rem-size)*1rem) !important }
.fs14 { font-size: calc(14/var(--rem-size)*1rem) !important }
.fs15 { font-size: calc(15/var(--rem-size)*1rem) !important }
.fs16 { font-size: calc(16/var(--rem-size)*1rem) !important }
.fs17 { font-size: calc(17/var(--rem-size)*1rem) !important }
.fs18 { font-size: calc(18/var(--rem-size)*1rem) !important }
.fs19 { font-size: calc(19/var(--rem-size)*1rem) !important }
.fs20 { font-size: calc(20/var(--rem-size)*1rem) !important }
.fs21 { font-size: calc(21/var(--rem-size)*1rem) !important }
.fs22 { font-size: calc(22/var(--rem-size)*1rem) !important }
.fs23 { font-size: calc(23/var(--rem-size)*1rem) !important }
.fs24 { font-size: calc(24/var(--rem-size)*1rem) !important }
.fs25 { font-size: calc(25/var(--rem-size)*1rem) !important }
.fs26 { font-size: calc(26/var(--rem-size)*1rem) !important }
.fs27 { font-size: calc(27/var(--rem-size)*1rem) !important }
.fs28 { font-size: calc(28/var(--rem-size)*1rem) !important }
.fs29 { font-size: calc(29/var(--rem-size)*1rem) !important }
.fs30 { font-size: calc(30/var(--rem-size)*1rem) !important }
.fs31 { font-size: calc(31/var(--rem-size)*1rem) !important }
.fs32 { font-size: calc(32/var(--rem-size)*1rem) !important }
.fs33 { font-size: calc(33/var(--rem-size)*1rem) !important }
.fs34 { font-size: calc(34/var(--rem-size)*1rem) !important }
.fs35 { font-size: calc(35/var(--rem-size)*1rem) !important }
.fs36 { font-size: calc(36/var(--rem-size)*1rem) !important }
.fs37 { font-size: calc(37/var(--rem-size)*1rem) !important }
.fs38 { font-size: calc(38/var(--rem-size)*1rem) !important }
.fs39 { font-size: calc(39/var(--rem-size)*1rem) !important }
.fs40 { font-size: calc(40/var(--rem-size)*1rem) !important }
.fs41 { font-size: calc(41/var(--rem-size)*1rem) !important }
.fs42 { font-size: calc(42/var(--rem-size)*1rem) !important }
.fs43 { font-size: calc(43/var(--rem-size)*1rem) !important }
.fs44 { font-size: calc(44/var(--rem-size)*1rem) !important }
.fs45 { font-size: calc(45/var(--rem-size)*1rem) !important }
.fs46 { font-size: calc(46/var(--rem-size)*1rem) !important }
.fs47 { font-size: calc(47/var(--rem-size)*1rem) !important }
.fs48 { font-size: calc(48/var(--rem-size)*1rem) !important }
.fs49 { font-size: calc(49/var(--rem-size)*1rem) !important }
.fs50 { font-size: calc(50/var(--rem-size)*1rem) !important }
.fs51 { font-size: calc(51/var(--rem-size)*1rem) !important }
.fs52 { font-size: calc(52/var(--rem-size)*1rem) !important }
.fs53 { font-size: calc(53/var(--rem-size)*1rem) !important }
.fs54 { font-size: calc(54/var(--rem-size)*1rem) !important }
.fs55 { font-size: calc(55/var(--rem-size)*1rem) !important }
.fs56 { font-size: calc(56/var(--rem-size)*1rem) !important }
.fs57 { font-size: calc(57/var(--rem-size)*1rem) !important }
.fs58 { font-size: calc(58/var(--rem-size)*1rem) !important }
.fs59 { font-size: calc(59/var(--rem-size)*1rem) !important }
.fs60 { font-size: calc(60/var(--rem-size)*1rem) !important }
.fs61 { font-size: calc(61/var(--rem-size)*1rem) !important }
.fs62 { font-size: calc(62/var(--rem-size)*1rem) !important }
.fs63 { font-size: calc(63/var(--rem-size)*1rem) !important }
.fs64 { font-size: calc(64/var(--rem-size)*1rem) !important }
.fs65 { font-size: calc(65/var(--rem-size)*1rem) !important }
.fs66 { font-size: calc(66/var(--rem-size)*1rem) !important }
.fs67 { font-size: calc(67/var(--rem-size)*1rem) !important }
.fs68 { font-size: calc(68/var(--rem-size)*1rem) !important }
.fs69 { font-size: calc(69/var(--rem-size)*1rem) !important }
.fs70 { font-size: calc(70/var(--rem-size)*1rem) !important }
.fs71 { font-size: calc(71/var(--rem-size)*1rem) !important }
.fs72 { font-size: calc(72/var(--rem-size)*1rem) !important }