CSS
$font: 'arial', sans-serif;
::selection { background-color: #C3CFE2; }
body {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(to right, #FDFBFB, #EBEDEE 70%);
}
.text {
text-transform: uppercase;
background: rgb(145,44,62);
background: -moz-linear-gradient(-45deg, rgba(145,44,62,1) 0%, rgba(145,44,62,1) 4%, rgba(140,46,62,1) 5%, rgba(139,47,60,1) 6%, rgba(145,45,57,1) 7%, rgba(162,50,64,1) 8%, rgba(174,49,65,1) 9%, rgba(175,49,61,1) 9%, rgba(173,52,44,1) 10%, rgba(167,46,25,1) 10%, rgba(167,47,22,1) 11%, rgba(169,47,24,1) 11%, rgba(169,40,34,1) 12%, rgba(175,44,36,1) 13%, rgba(181,45,31,1) 14%, rgba(199,50,26,1) 14%, rgba(203,49,21,1) 14%, rgba(203,49,21,1) 18%, rgba(206,47,26,1) 19%, rgba(207,47,21,1) 19%, rgba(207,49,10,1) 19%, rgba(206,51,7,1) 20%, rgba(199,50,28,1) 20%, rgba(199,50,26,1) 21%, rgba(197,51,14,1) 21%, rgba(198,52,13,1) 21%, rgba(196,53,21,1) 22%, rgba(189,52,42,1) 22%, rgba(175,51,75,1) 22%, rgba(162,51,102,1) 22%, rgba(145,52,123,1) 23%, rgba(138,51,132,1) 23%, rgba(140,48,133,1) 24%, rgba(143,49,146,1) 24%, rgba(146,48,157,1) 24%, rgba(142,43,160,1) 25%, rgba(126,26,160,1) 25%, rgba(121,20,162,1) 26%, rgba(114,24,171,1) 27%, rgba(111,30,171,1) 27%, rgba(107,37,162,1) 28%, rgba(104,45,163,1) 30%, rgba(96,49,161,1) 31%, rgba(93,58,162,1) 32%, rgba(88,60,162,1) 33%, rgba(83,59,157,1) 33%, rgba(72,53,132,1) 35%, rgba(73,57,132,1) 35%, rgba(69,56,128,1) 36%, rgba(65,54,130,1) 37%, rgba(58,58,130,1) 38%, rgba(48,59,123,1) 39%, rgba(48,57,122,1) 39%, rgba(50,57,127,1) 40%, rgba(44,53,128,1) 40%, rgba(38,70,147,1) 41%, rgba(34,69,150,1) 41%, rgba(30,67,147,1) 42%, rgba(34,70,148,1) 42%, rgba(36,69,148,1) 44%, rgba(32,68,146,1) 45%, rgba(34,67,146,1) 46%, rgba(32,69,140,1) 47%, rgba(38,66,140,1) 48%, rgba(37,66,144,1) 49%, rgba(40,65,147,1) 49%, rgba(49,39,136,1) 50%, rgba(49,39,136,1) 50%, rgba(51,41,138,1) 51%, rgba(45,53,134,1) 51%, rgba(67,85,159,1) 52%,...