#welcome {
	width: 100%;
	height: 100vh;
	background: black;
}

#welcome_content {
	font-size: 48;
	font-weight: 200;
	color: white;
	line-height: 1.4em;
	letter-spacing: 0.5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 900;
	margin-left: 50;
	width: calc(100% - 100px);
	transform-origin: 0% 50%;
	color: rgba(255, 255, 255, .9);
}

#welcome_content .bold {
	font-weight: 800;
	color: rgba(255, 255, 255, 1);
}




#welcome_background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.welcome_background_shape {
	--size: 80vw;
	width: var(--size);
	height: var(--size);
	border-radius: 1000px;
	background: #03273e;
	background: radial-gradient(circle, rgba(3,39,62,1) 0%, rgba(0,0,0,0) 80%);
	position: absolute;
	top: 0;
}

body.iOS .welcome_background_shape {display: none;}

.welcome_background_shape:first-child {
	top: 50%;
	transform: translate(-50%, -50%);
}

.welcome_background_shape:nth-child(2) {
	top: 10%;
	right: 0;
	transform: translate(50%, -50%);
}


#welcome_background_blur {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	backdrop-filter: blur(100px);
}

@media screen and (max-width: 900px)  and (orientation: landscape) {
	#welcome_content {font-size: 40;}
}
@media screen and (max-width: 500px)  and (orientation: portrait) {
	#welcome_content {font-size: 44;}
}


@media screen and (min-width: 1500px) {
	#welcome_content {font-weight: 100;}
}

@media screen and (orientation: landscape) {
	.welcome_background_shape {--size: 80vw;}
}


@media screen and (orientation: portrait) {
	.welcome_background_shape {--size: 150vh;}
}