nt-size: 115%;
      }
    }

    section {
      --from: 20rem;
      --to: 750px;
    }
    .container {
      width: 100%;
      background: #eee;
      resize: horizontal;
      overflow: hidden;
    }
    .headline {
      margin: 0;
      animation-name: headline;
    }
    @keyframes headline {
      from {
        font-size: 20px;
        font-weight: 900;
        color: hsl(330, 96%, 15%);
      }
      to {
        font-size: 72px;
        font-weight: 600;
        color: hsl(330, 96%, 45%);
     