:root {
  --mar-primary: #e0b0ff;
  --mar-secondary: #2d2433;
  --mer-primary: #b0e0ff;
  --mer-secondary: #242d33;
  --primary: #17172d;
  --secondary: #4a4a5e;
  --tertiary: #c8c8ff;
}

a {
  color: var(--tertiary);
}

html {
  background-color: black;
  color: var(--tertiary);
}html::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
}

.settings {
  background-color: #131327c5;
  border: solid 5px #131327e0;
}

footer {
  background: linear-gradient(to right, #4a4a5e28 0%, #2e2e3f59 50%, #4a4a5e28 100%);
}

.medIcon,
.miniIcon,
.tinyIcon {
  filter: invert(100%);
}

#marIntroduction {
  color: var(--mar-primary);
}

#merIntroduction {
  color: var(--mer-primary);
}

#ourIntroduction {
  color: white;
}

#marTextSlider {
  background: linear-gradient(to right, #00000000 0%, #725a813b 30% 70%, #00000000 100% );
}

#ourTextSlider {
  background: linear-gradient(to right, #00000000 0%, #18181de0 30%, 70%, #00000000 100% );
}

#merTextSlider {
  background: linear-gradient(to right, #00000000 0%, #5a72813b 30% 70%, #00000000 100% );
}

.overlay-divider {
  background-color: #07070e;
}

.homeButton {
  border: 2px white solid;
}