Style.css

:root {
    --color-primary: rgb(255, 180, 225);
    --color-secondary: rgb(193, 243, 255);
    --color-tertiary: rgb(105, 73, 73);
    --clip-path-circle: circle(50% at center);
}

body { 
}

svg {
    background-color: var(--color-secondary);
    transition: background-color 5s;
    height: 100%;
    width: auto;
    max-width: 100%;
    opacity: 60%;
    margin: auto;
    display: inline-block;
}

video { 
    position: absolute;
    min-height: 100%;
    margin: auto;
    display: inline-block;
    opacity: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

#video_div {
    clip-path: circle();
}

.edge { 
    z-index: 2;
    position: relative;
    stroke: var(--color-tertiary);
    transition: stroke 5s;
}

.node { 
    z-index: 2;
    position: relative;
}

.circle { 
    z-index: 2;
    position: relative;
    fill: var(--color-primary);
    stroke: var(--color-primary);
    transition: fill 5s, stroke 5s;
}

#camera_button {
    opacity: 30%;
    padding: 0;
    margin-bottom: 10px;
    margin-right: 15px;
    width: auto;
    height: 5%;
    position: fixed;
    bottom: 0;
    right: 0;
}

.node {
    fill: var(--color-tertiary);
    stroke: var(--color-tertiary);
    transition: fill 20s, stroke 5s;
    z-index: 2;
}

body {
    text-align: center;
    background-color: var(--color-tertiary);
    transition: background-color 5s;
    cursor: url("cursor.png") 10 10, auto;
}