Untitled

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            ul,
            li
            {
                decoration:none;
                display:inline;
            }

            li
            {
                font-size:600px;
                letter-spacing: -150px;
            }

            li:nth-child(1)
            {
                color:yellowgreen;
            }

            li:nth-child(2)
            {
                color:blueviolet;
            }
           li:nth-child(3)
            {
                color:blue;
            }

            li:nth-child(4)
            {
                color:yellow;
            }
            .blend li
            {
                mix-blend-mode: difference;
            }
        </style>
    </head>
    <body>
       <ul class="blend">
            <li>D</li>
            <li>k</li>
            <li>I</li>
            <li>T</li>
        </ul>
    </body>
</html>