* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
	
html, body {
	height: 100%;
}
	
body {
	background-color: #0a0a0a;
	color: #f0f0e8;
	font-family: "BenchNine", sans-serif;
	font-weight: 300;
	font-style: normal;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	padding-left: clamp(24px, 25vw, 250px);
	padding-right: 24px;
}
	
.content {
	max-width: 760px;
	line-height: 0.85;
}
	
h1 {
	font-family: "Anton", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(2.5rem, 9vw, 5.5rem);
	line-height: 0.89;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
	
h1 .highlight {
	color: #FF8C00;
	font-size: 130%;
	padding-left: 40px;
}
	
p.main {
	margin-top: 1.5rem;
	font-size: clamp(1rem, 1.6vw, 1.25rem);
	line-height: 1.4;
	color: #cfcfc7;
	max-width: 32em;
	text-align: right;
}
	
.main-link {
	font-family: "BenchNine", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FF8C00;
	text-decoration: none;
}
	
.lines {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
	width: 90vw;
	display: flex;
	justify-content: space-between;
	z-index: -1;
}
	
.line {
	position: relative;
	width: 1px;
	height: 100%;
	overflow: hidden;
}
	
.line::after {
	content: '';
	display: block;
	position: absolute;
	height: 15vh;
	width: 100%;
	top: -50%;
	left: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
	animation: drop 7s 0s infinite;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.line:nth-child(1)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FF4500 75%, #FF4500 100%);
	animation-delay: 2.6s;}
	
.line:nth-child(2)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #32CD32 75%, #32CD32 100%);
	animation-delay: 6s;}
	
.line:nth-child(3)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1E90FF 75%, #1E90FF 100%);
	animation-delay: 4.1s;}
	
.line:nth-child(4)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFD700 75%, #FFD700 100%);
	animation-delay: 7.4s;}
	
.line:nth-child(5)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #8A2BE2 75%, #8A2BE2 100%);
	animation-delay: 7.1s;	}

.line:nth-child(6)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #20B2AA 75%, #20B2AA 100%);
	animation-delay: 4.8s;}
	
.line:nth-child(7)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #DC143C 75%, #DC143C 100%);
	animation-delay: 1.7s;}
	
.line:nth-child(8)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00FA9A 75%, #00FA9A 100%);
	animation-delay: 4.8s;}
	
.line:nth-child(9)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FF1493 75%, #FF1493 100%);
	animation-delay: 9.4s;}
	
.line:nth-child(10)::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00BFFF 75%, #00BFFF 100%);
	animation-delay: 9.3s;}
	
@keyframes drop {
	0% {
		top: -50%;
	}
	100% {
		top: 110%;
	}
}