body {
	margin:  0;
	font-family: "Inter", sans-serif;
	font-weight: 400;	
}

p {
	line-height: 1.4em;
}

h1,
h2,
h3,
h4 {
	font-family: "Syne", sans-serif;
	font-weight: 800;
	margin: 0; 	
}

.scroller {
	height: 100vh;
}
canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.abs {
	position: absolute;
}


.step_1 {
	left: 50%;
	top: 20%;
}

.step_2 {
	left: 20%;
	top: 60%;
}

.section {
	color: #ffffff;
}
.section h1 {
	font-size: clamp(32px, 10vw, 60px);
	max-width: 770px;
}

.section p {
	max-width: 570px;
}

/* Animation */
.animate {
	display: block;
}
.animate.from_bottom {
	opacity: 0;
	transform: translateY(100px);
}