@font-face {
  font-family: 'Playpen Sans';
  src: url('playpen-sans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    to bottom,
    #5BCEFA 0%,
    #5BCEFA 20%,
    #F5A9B8 20%,
    #F5A9B8 40%,
    #FFFFFF 40%,
    #FFFFFF 60%,
    #F5A9B8 60%,
    #F5A9B8 80%,
    #5BCEFA 80%,
    #5BCEFA 100%
  );
  font-family: 'Playpen Sans', sans-serif;
  text-align: center;
  padding: 1rem;
  box-sizing: border-box;
}

.center-text {
  font-size: clamp(3rem, 10vw, 12rem);
  color: black;
  word-break: break-word;
  max-width: 100%;
}