body {
    margin:0px;
    padding: 0px;
}

/* .circleWrapper {
  position: absolute;
  bottom: 50px;
  right: 50px;
  mix-blend-mode: multiply;
} 

.trigger {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
} */

/* --- BACKUP --- */
.circleWrapper {
    position: fixed;
    mix-blend-mode: multiply;
} 

.triggerCMYKcontainer {
    cursor:none;
}

.noCursor { cursor: none; }
.circleMagenta, .circleCyan, .circleYellow { pointer-events: none; }

.circleMagenta {
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: magenta;  
    mix-blend-mode: multiply;
    transition: 0.5s;
}

.circleCyan {
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: cyan;  
    mix-blend-mode: multiply;
    transition:0.5s;
}

.circleYellow {
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: yellow;  
    mix-blend-mode: multiply;
    transition: 0.5s;
}