@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%;
 height:100vh;
}
 
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 {
 max-width: 80vw;
}

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

.split * {
 will-change: transform;
}

button {
 display: inline-block;
 outline: none;
 padding: 8px 14px;
 background: transparent;
 border: solid 4px #0e100f;
 color: #0e100f;
 text-decoration: none;
 border-radius: 99px;
 padding: 12px 25px;
 text-transform: uppercase;
 font-weight: 600;
 cursor: pointer;
 line-height: 18px;
}