style.css

.input {
    color: white;
    background-image: linear-gradient(60deg, rgb(31.373% 23.922% 72.157%) 0%, rgb(26.441% 21.534% 76.871%) 6.25%, rgb(21.202% 19.534% 81.048%) 12.5%, rgb(18.617% 20.59% 83.992%) 18.75%, rgb(17.862% 23.586% 86.623%) 25%, rgb(17.249% 26.72% 88.963%) 31.25%, rgb(16.756% 29.876% 91.032%) 37.5%, rgb(16.366% 32.96% 92.848%) 43.75%, rgb(16.062% 35.892% 94.428%) 50%, rgb(15.828% 38.608% 95.788%) 56.25%, rgb(15.652% 41.053% 96.94%) 62.5%, rgb(15.523% 43.185% 97.895%) 68.75%, rgb(15.43% 44.972% 98.663%) 75%, rgb(15.366% 46.386% 99.253%) 81.25%, rgb(15.325% 47.409% 99.669%) 87.5%, rgb(15.302% 48.028% 99.918%) 93.75%, rgb(15.294% 48.235% 100%) 100% );
    padding: 20px
}

.header {
    color: white;
    background-image: linear-gradient(120deg, rgb(31.373% 23.922% 72.157%) 0%, rgb(26.441% 21.534% 76.871%) 6.25%, rgb(21.202% 19.534% 81.048%) 12.5%, rgb(18.617% 20.59% 83.992%) 18.75%, rgb(17.862% 23.586% 86.623%) 25%, rgb(17.249% 26.72% 88.963%) 31.25%, rgb(16.756% 29.876% 91.032%) 37.5%, rgb(16.366% 32.96% 92.848%) 43.75%, rgb(16.062% 35.892% 94.428%) 50%, rgb(15.828% 38.608% 95.788%) 56.25%, rgb(15.652% 41.053% 96.94%) 62.5%, rgb(15.523% 43.185% 97.895%) 68.75%, rgb(15.43% 44.972% 98.663%) 75%, rgb(15.366% 46.386% 99.253%) 81.25%, rgb(15.325% 47.409% 99.669%) 87.5%, rgb(15.302% 48.028% 99.918%) 93.75%, rgb(15.294% 48.235% 100%) 100% );
}

/*Thank you to Tom Quinonero for the awesome non-linear gradient maker*/