:root {
  --salmon: #ef9d71;
  --salmondrk: #2b211f;
  --cyan: #8ae5d6;
  --cyandrk: #2c3e3b;
  --white: #fff;
  --black: #0c0c0c;
}

*::selection {
  background: #ef9d71c2;
}

body {
  transition: background ease-out 0.5s;
}

.video-div {
  clip-path: circle(var(--clip) at 50% 50%);
}

body[theme="black"] {
  background: var(--black);
}
body[theme="black"] .section {
  color: var(--white);
}

body[theme="cyan"] {
  background: var(--cyan);
}
body[theme="cyan"] .section {
  color: var(--cyandrk);
}

body[theme="salmon"] {
  background: var(--salmon);
}
body[theme="salmon"] .section {
  color: var(--salmondrk);
}

body[theme="white"] {
  background: var(--white);
}
body[theme="white"] .section {
  color: var(--black);
}