header {
	position: relative;
	display: block;
	height: 30vh;
	width: 100vw;
	background-image: linear-gradient(var(--blue2), var(--blue4));
}

h1 {
	padding: 2em 0;
	text-align: center;
}

header .title {
	color: var(--gray1);
	padding: 1em 0;
}

.one-line:before,
.one-line:after {
	height: 1rem;
	border: 0;
	box-shadow: 0 10px 10px -10px var(--gray1) inset;

}

svg {
	position: absolute;
	bottom: 0;
	width: 150%;
	height: 30vh;
	/* set height to pixels if you want angle to change with screen width */
}

svg2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10vw;
	/* set height to pixels if you want angle to change with screen width */
}