body,
html {
	width: 100vw;
	height: 100vh;
	background-image: url("../images/bg.jpg");
	background-size: cover;
	background-position: center;
	color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {

}

.container {
	max-width: 1280px;
}

h1 {
	font-size: 8rem;
    /*animation-name: glow;*/
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

h4 {
	margin-bottom: 8px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

@keyframes glow {
	from {
		text-shadow: 0px 0px 5px #fff, 0px 0px 5px #614ad3;
	}
	to {
		text-shadow: 0px 0px 20px #fff, 0px 0px 20px #614ad3;
	}
}

.description {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}