.header {
	background-image: url(../img/night-2634930_640.jpg);
}

.header {
	width: 100%;
	height: 93vh;
	background-size: cover;
	background-position: center;
	animation: change-background 50s infinite alternate;
}

@keyframes change-background {
	0% {
		background-image: url(../img/night-2634930_1920.jpg);
	}
	35% {
		background-image: url(../img/colorful-2137080_1920.jpg);
	}
	70% {
		background-image: url(../img/computer-science-7187166_1920.jpg);
	}
	100% {
		background-image: url(../img/night-2634930_1920.jpg);
	}
}

.hero-bg {
	position: absolute;
	width: 100%;
	height: 100%;
}

.hero-text {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	width: 60vw;
	height: 40vh;
	background-color: rgba(97, 9, 9, 0.05);
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 40px;
	text-align: center;
	color: var(--color-text-light);
}

/* MEDIA */
@media (max-width: 640px) {
	@keyframes change-background {
		0% {
			background-image: url(../img/night-2634930_640.jpg);
		}
		35% {
			background-image: url(../img/colorful-2137080_640.jpg);
		}
		70% {
			background-image: url(../img/computer-science-7187166_640.jpg);
		}
		100% {
			background-image: url(../img/night-2634930_640.jpg);
		}
	}
}
@media (max-width: 1280px) {
	@keyframes change-background {
		0% {
			background-image: url(../img/night-2634930_1280.jpg);
		}
		35% {
			background-image: url(../img/colorful-2137080_1280.jpg);
		}
		70% {
			background-image: url(../img/computer-science-7187166_1280.jpg);
		}
		100% {
			background-image: url(../img/night-2634930_1280.jpg);
		}
	}
}