:root{
	--darkBgColor: #1b1f21;
	--logoRotation: -15deg;
}

body{
	color: white;
	background-color: var(--darkBgColor);
	margin: 0;
}



#bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -10;
	overflow: hidden;
	background-color: black;
	filter: blur(3px);
}

#bgRows{
	transform-origin: left top;
	translate: 0% 0%;
	rotate: var(--logoRotation);
	opacity: 20%;
}

.bg-row{
	display: flex;
	width: 200%;
	padding-bottom: 1vh;
}

.bg-row-content{
	display: flex;
	gap: 1vh;
	padding-right: 1vh;
	animation: scroll-left 100.0s linear infinite;
}

.bg-row-content img{
	height: 3vh;
	user-select: none;
	pointer-events: none;
}

@keyframes scroll-left{
	from{
		translate: -33.33333333333333%;
	}
	to{
		translate: -66.66666666666667%;
	}
}
@keyframes scroll-right{
	from{
		translate: -66.66666666666667%;
	}
	to{
		translate: -33.33333333333333%;
	}
}





#topArea{
	display: grid;
	height: 100vh;

	grid-template-rows: 33% 33% 33%;
}

#topAreaContinue{
	align-self:flex-end;
	text-align: center;
	font-size: 5rem;

	animation: bob-sin 1.0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@keyframes bob-sin {
	0%{
		translate: 0 -0.1em;
	}
	50%{
		translate: 0 0.1em;
	}
	100%{
		translate: 0 -0.1em;
	}
}