* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.container {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background: #1b2431;
}
.text {
    font-family: "Liberty";
	font-weight: 100;
	font-size: 5.5rem;
	letter-spacing: -0.25em;
    margin-left: -0.25em;
	flex-flow: row;
}
@font-face {
    font-family: "Liberty";
    src: url("/font/liberty.woff2");
}
.letter {
	color: #d9fdff;
	text-shadow: 0 0 2rem #00f0ff;
	display: inline-block;
}
.letter-2 {
	transform: translate(-0.2rem, 1rem) rotate(10deg);
	-webkit-animation: flicker 2s ease-in-out infinite alternate;
	animation: flicker 2s ease-in-out infinite alternate;
}
@keyframes flicker {
	0% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	5% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	5.5% {
		opacity: 0;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	6% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	6.5% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	7% {
		opacity: 0;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	8% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
	50% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(13deg);
	}
	100% {
		opacity: 1;
		transform: translate(-0.2rem, 1rem) rotate(10deg);
	}
}