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>

            p
            {
                position:absolute;
                font-size:100px;
                margin:0px;
                mix-blend-mode: difference;
            }

            p:nth-child(1)
            {
                top:100px;
                color:green;
            }

            p:nth-child(2)
            {
                top:100px;
                font-size:300px;
                color:red;
            }

            p:nth-child(3)
            {
                top:230px;
                font-size:180px;
                color:blue;
            }

            p:nth-child(4)
            {
                top:300px;
                font-size:180px;
                color:purple;
            }
            div
            {
                width:300px;
                margin-left:auto;
                margin-right:auto;
            }

        </style>

    </head>
    <body>
        <div>
            <p>Welcome</p>
            <p>To</p>
            <p>My</p>
            <p>Gaff</p>
        </div>
    </body>
</html>