@import url('colors.css');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    scroll-behavior: smooth;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Heebo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: #111;
	overscroll-behavior: none;
}

p {
	margin: 0;
}

h1 {
	margin: 0;
	font-weight: 100;
	font-size: 6rem;
}

h2 {
	margin: 0;
	font-weight: 200;
	font-size: 2rem;
}






.wp-block-cover {
	padding: 0;
	position: relative;
}




/* section 2 */
#section-2 {
	position: relative;
	height: 1500px;
}
#text-1 {
	position: absolute;
	top: 70px;
	left: 270px;
	font-size: 100px;
	font-weight: 200;
	line-height: 100px;
	color: var(--white);
}
#text-2 {
	position: absolute;
	top: 100px;
	left: 300px;
	font-size: 100px;
	font-weight: 200;
	line-height: 100px;
	color: var(--white);
}
#text-3 {
	position: absolute;
	top: 400px;
	left: 400px;
	width: 60vw;
	z-index: 200;
	font-size: 40px;
	font-weight: 300;
	line-height: 50px;
}
#text-3 strong {
	font-weight: 400;
	font-size: 60px;
	display: inline-flex;
}

/* section 3 */
#section-3 {
	
}