<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>I Love What I Do</title>

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }

        

        body, html {

            height: 100%;

            background-color: #000000;

            display: flex;

            justify-content: center;

            align-items: center;

        }

        

        .container {

            text-align: center;

        }

        

        svg {

            max-width: 90vw;

            height: auto;

        }

    </style>

</head>

<body>

    <div class="container">

        <svg width="600" height="200" xmlns="http://www.w3.org/2000/svg">

            <!-- Black background -->

            <rect width="100%" height="100%" fill="#000000"/>

            

            <!-- White text with feminine but clean font -->

            <text x="300" y="110" 

                  font-family="Playfair Display, Georgia, serif" 

                  font-size="36" 

                  font-weight="400" 

                  font-style="italic" 

                  fill="#ffffff" 

                  text-anchor="middle" 

                  dominant-baseline="middle">

                I love what I do.

            </text>

        </svg>

    </div>

</body>

</html>