@font-face {
 font-display: block;
 font-family: Mori;
 font-style: normal;
 font-weight: 900;
 src: url(https://assets.codepen.io/16327/PPMori-SemiBold.woff) format("woff");
}

html,
body {
 margin: 0;
 padding: 0;
 width: 100%;
}

body {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 font-family: "Mori";
 /* background: #0e100f; */
 background: radial-gradient(
 129% 99% at 112% 85%,
 rgb(223, 220, 255) 20%,
 rgb(166, 158, 255) 90%
 ),
 url("https://assets.codepen.io/16327/noise-e82662fe.png");
 background-blend-mode: color-dodge;
}

.container {
 width: 90vw;
 margin-top: 40vh;
}

.split {
 opacity: 0;
 text-align: center;
 color: rgb(14, 16, 15);
 font-size: 2rem;
 will-change: transform;
 color: #0e100f;
}

.split * {
 will-change: transform;
}

.spacer {
 height: 40vh
}