.header {
	color: var(--white);
	z-index: 2;
	position: absolute;
	width: 100%;
	top: 0;
}

.header__title {
	left: calc(var(--blank-space-width) + var(--gap));
	bottom: 50px;
	font-size: 45px;
	transform: rotate(-10deg);
	position: absolute;
}

.header .header-rectangle {
	fill: var(--black);
}


@media (min-width: 560px) {
	.header {
		top: -8vw;
	}
}

@media (min-width: 768px) {
	.header {
		top: -16vw;
	}
}

@media (min-width: 1024px) {
	.header {
		top: -16vw;
	}
}

@media (min-width: 560px) {
	.header__title {
		bottom: 50px;
		font-size: 60px;
	}
}

@media (min-width: 1024px) {
	.header__title {
		bottom: 70px;
		font-size: 80px;
	}
}

@media (min-width: 1200px) {
	.header__title {
		bottom: 80px;
		font-size: 100px;
	}
}