style.css

/*Creating variables*/
:root{
    --salmon:#EF9D71;
    --black:#000;
    --white:#fff;
    --cyan:#AEDEE0;
    --dsalmon:#532521;
    --dcyan:#1f2f32;
}

body{
    transition:background-color ease-out .5s;
}

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

*::selection{
    background-color: var(--salmon);
}

/*Made themes for body and will make text themes based on these */
body[theme="black"]{
    background-color:var(--black);
}

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

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

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

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

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

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

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