body { 
	margin: 0; border: 0; 
}

html {
    background-color: #030417;
/*    background-color: red;*/
overflow: hidden;
}

h1 {
	color: #fff;
	font-family: sans-serif;
}

body {
	width: 100%;
	height: 100%;
	position: fixed;
/*	overflow-y: scroll;*/
}

.content-scroll {
	position: relative;
	height: 100vh;

}

.content-before {
/*	height: 100vh;*/
	background-color: red;
}

h1 { margin: 0; }

.cursor {
	position: absolute;    
    transform-origin: 0 0;
}

canvas {
	width: 50%;	
}

canvas.demo {
/*    transform: translateY(-50%);*/
    position: absolute;
    left: 0;
    top: 0%;
}

.hero-y {
	position: fixed;
	top: 0; left: 0; height: 100%;
	width: 50%;
}

.rive-video {
	width: 80vw;
	left: 50%; top: 50%;
	
}

.rive-video, video {
	position: absolute; 
}
video {
	left: 0; top: 0;
	width: 100%;
	transform: translate3d(-50%, -50%, 0);
}