:root {
  --primary: #1b100f;
  --primary-text: #ffffff;
  --secondary: #503d6b;
  --secondary-text: #ffffff;
  --accent: #505050;
  --accent-text: #ffffff;
  --purple: black;
  --dark-purple: black;
  --candy: rgb(245, 173, 11);
  --candy-transparent: #f49f0d7f;
  --orange: #f4aa0b;
  --orange2: #f4aa0b;
  --black: black;
  --black-medium: black;
  --black-medium2: black;
  --tan: #bfada5;
  --tan2: #afa69f;
  --white: #ffffff28;
  --blue: #11b3ef;
  --blue-reward: #11b3ef;
  --purple-reward: #a30ce7;
  --black-reward: white;
  --orange-reward: #f4aa0b;
  --orange2-reward: #f4aa0b;
  --blue-reward-border: #11b3ef2c;
  --purple-reward-border: #a30ce72c;
  --black-reward-border: #ffffff2c;
  --orange-reward-border: #f4aa0b2c;
  --orange2-reward-border: #f4aa0b2c;
  --blue-reward-transparent: #11b3ef7c;
  --purple-reward-transparent: #a30ce77c;
  --black-reward-transparent: #ffffff7c;
  --orange-reward-transparent: #f4aa0b7c;
  --orange2-reward-transparent: #f4aa0b7c;
}

/*Tier Colors*/

#about.orange,
#about.orange2 {
  min-height: 87vh;
  background: -webkit-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: -o-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: -ms-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: -moz-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: linear-gradient(
    297deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
}
.divider.orange,
.divider.orange2 {
  min-height: 13vh;
  background: -webkit-linear-gradient(
    0deg,
    rgb(237, 46, 79) 0%,
    rgb(245, 108, 40) 31%,
    rgb(244, 171, 4) 71%,
    #f4ad02 100%
  );
  background: -o-linear-gradient(
    0deg,
    rgb(237, 46, 79) 0%,
    rgb(245, 108, 40) 31%,
    rgb(244, 171, 4) 71%,
    #f4ad02 100%
  );
  background: -ms-linear-gradient(
    0deg,
    rgb(237, 46, 79) 0%,
    rgb(245, 108, 40) 31%,
    rgb(244, 171, 4) 71%,
    #f4ad02 100%
  );
  background: -moz-linear-gradient(
    0deg,
    rgb(237, 46, 79) 0%,
    rgb(245, 108, 40) 31%,
    rgb(244, 171, 4) 71%,
    #f4ad02 100%
  );
  background: linear-gradient(
    90deg,
    rgb(237, 46, 79) 0%,
    rgb(245, 108, 40) 31%,
    rgb(244, 171, 4) 71%,
    #f4ad02 100%
  );
}
#about.purple {
  background: -webkit-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -o-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -ms-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -moz-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: linear-gradient(
    117deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
}
.divider.purple {
  background: -webkit-linear-gradient(
    180deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -moz-linear-gradient(
    180deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
}

#about.black {
  background: -webkit-linear-gradient(
    27deg,
    rgb(0, 0, 0) 30%,
    rgb(89, 89, 89) 100%
  );
  background: -o-linear-gradient(27deg, rgb(0, 0, 0) 30%, rgb(89, 89, 89) 100%);
  background: -ms-linear-gradient(
    27deg,
    rgb(0, 0, 0) 30%,
    rgb(89, 89, 89) 100%
  );
  background: -moz-linear-gradient(
    27deg,
    rgb(0, 0, 0) 30%,
    rgb(89, 89, 89) 100%
  );
  background: linear-gradient(117deg, rgb(0, 0, 0) 30%, rgb(89, 89, 89) 100%);
}
.divider.black {
  min-height: 13vh;
  background: -webkit-linear-gradient(
    0deg,
    rgb(0, 0, 0) 0%,
    rgb(89, 89, 89) 100%
  );
  background: -o-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(89, 89, 89) 100%);
  background: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(89, 89, 89) 100%);
  background: -moz-linear-gradient(
    90deg,
    rgb(0, 0, 0) 0%,
    rgb(89, 89, 89) 100%
  );
  background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgb(89, 89, 89) 100%);
}
#about.blue {
  background: -webkit-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -o-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -ms-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -moz-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: linear-gradient(
    117deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );

  min-height: 87vh;
  background: -webkit-linear-gradient(128deg, rgb(25, 217, 255) 0%);
  background: -o-linear-gradient(128deg, rgb(17, 179, 240) 46%);
  background: -ms-linear-gradient(128deg, rgb(38, 133, 222) 66%);
  background: -moz-linear-gradient(128deg, rgb(60, 86, 204) 86%);
  background: linear-gradient(322deg, rgb(70, 53, 191) 100%);
}
.divider.blue {
  min-height: 13vh;
  background: -webkit-linear-gradient(
    180deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -moz-linear-gradient(
    180deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
}

#timeline.orange,
#timeline.orange2 {
  background: -webkit-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: -o-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: -ms-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: -moz-linear-gradient(
    207deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
  background: linear-gradient(
    297deg,
    rgb(237, 46, 79) 0%,
    rgb(244, 101, 43) 40%,
    rgb(244, 157, 15) 80%,
    rgb(245, 173, 11) 100%
  );
}
#timeline.purple {
  background: -webkit-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -o-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -ms-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: -moz-linear-gradient(
    27deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
  background: linear-gradient(
    117deg,
    rgb(185, 8, 245) 0%,
    rgb(114, 24, 200) 90%,
    rgb(104, 26, 194) 100%
  );
}
#timeline.black {
  background: -webkit-linear-gradient(
    27deg,
    rgb(0, 0, 0) 30%,
    rgb(89, 89, 89) 100%
  );
  background: -o-linear-gradient(27deg, rgb(0, 0, 0) 30%, rgb(89, 89, 89) 100%);
  background: -ms-linear-gradient(
    27deg,
    rgb(0, 0, 0) 30%,
    rgb(89, 89, 89) 100%
  );
  background: -moz-linear-gradient(
    27deg,
    rgb(0, 0, 0) 30%,
    rgb(89, 89, 89) 100%
  );
  background: linear-gradient(117deg, rgb(0, 0, 0) 30%, rgb(89, 89, 89) 100%);
}
#timeline.blue {
  background: -webkit-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -o-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -ms-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: -moz-linear-gradient(
    27deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );
  background: linear-gradient(
    117deg,
    rgb(25, 217, 255) 0%,
    rgb(17, 179, 240) 46%,
    rgb(38, 133, 222) 66%,
    rgb(60, 86, 204) 86%,
    rgb(70, 53, 191) 100%
  );

  min-height: 87vh;
  background: -webkit-linear-gradient(128deg, rgb(25, 217, 255) 0%);
  background: -o-linear-gradient(128deg, rgb(17, 179, 240) 46%);
  background: -ms-linear-gradient(128deg, rgb(38, 133, 222) 66%);
  background: -moz-linear-gradient(128deg, rgb(60, 86, 204) 86%);
  background: linear-gradient(322deg, rgb(70, 53, 191) 100%);
}