html, body { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-family: "Monoton", Helvetica, sans-serif; background: #AB3428; letter-spacing: 5px; } h1 { display: inline; font-size: 15vw; text-transform: uppercase; color: #F49E4C; } @media (min-width: 700px) { h1 { font-size: 9vw; } } @media (min-width: 1400px) { h1 { font-size: 150px; } } @supports (-webkit-background-clip: text) { h1 { color: transparent; background: linear-gradient(7deg, #F5EE9E 50%, #F49E4C 0); -webkit-background-clip: text; } }