<!doctype html>
<html>
    <head>
        <title>benjamn.com</title>
        <style type="text/css">
            body {
                overflow-x: hidden;
            }
            .welcome {
                font-family: Helvetica Neue, Helvetica, sans-serif;
                font-size: 50px;
                text-align: center;
                display: block;
                position: absolute;
                top: 25%;
                left: 50%;
                width: 500px;
                margin-left: -250px;
            }
            svg.upper-brace, svg.lower-brace {
                width: 300px;
                z-index: -10;
            }
            .lower-brace {
                margin-top: 25px;
            }
            a {
                z-index: 10;
            }
        </style>
    </head>
    <body>
        <h1 class="welcome">
            <svg class="upper-brace" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="41.21 94.36 127.57 34.08">
                <g transform="rotate(90 47.2957 71.9569)" stroke-width=".264583" aria-label="{ }">
                    <path d="m103.773 75.964q0 2.07433-1.18533 2.07433-7.92692 0-14.4463-6.223-6.44525-6.223-6.44525-15.2612v-30.5223q0-3.33375-3.1115-6.44525t-7.5565-3.63008q-1.3335 0-1.3335-1.778 0-1.55575 1.3335-1.70392 4.66725-0.592667 7.63058-3.63008 3.03742-3.1115 3.03742-6.51933v-30.3742q0-9.18633 6.44525-15.3353t14.4463-6.14892q1.18533 0 1.18533 2.07433 0 1.48167-1.25941 1.92617-5.03767 1.92617-6.81567 5.55625-1.70392 3.556-1.70392 10.1494v29.9297q0 5.70442-3.03742 9.11225-2.96333 3.33375-10.0013 4.96358 6.88975 1.62983 9.92717 5.03767 3.1115 3.40783 3.1115 9.18633v29.7815q0 7.18608 2.00025 10.5198 2.00025 3.40783 6.6675 5.03767 1.11125 0.4445 1.11125 2.2225z"/>
                </g>
            </svg>
            <div><a target="_blank" href="https://github.com/benjamn">github</a></div>
            <div><a target="_blank" href="https://twitter.com/benjamn">twitter</a></div>
            <div><a target="_blank" href="https://instagram.com/benjamn">instagram</a></div>
            <div><a target="_blank" href="https://soundcloud.com/benjamn">soundcloud</a></div>
            <div><a target="_blank" href="https://slides.com/benjamn">slides</a></div>
            <div><a target="_blank" href="https://patreon.com/benjamn">patreon</a></div>
            <!--<div><a target="_blank" href="https://replicate.com/benjamn">replicate</a></div>-->
            <svg class="lower-brace" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="41.21 168.57 127.5 34.08">
                <g transform="rotate(90 47.2957 71.9569)" stroke-width=".264583" aria-label="{ }">
                    <path d="m177.983 14.1785q0 1.778-1.3335 1.778-4.445 0.518584-7.5565 3.63008-3.1115 3.03742-3.1115 6.44525v30.5223q0 9.03817-6.44525 15.2612-6.44525 6.223-14.4462 6.223-1.18533 0-1.18533-2.07433 0-1.70392 1.18533-2.14842 4.66725-1.70392 6.59342-5.11175 2.00025-3.40783 2.00025-10.5198v-29.7815q0-5.7785 3.03741-9.18633 3.1115-3.40783 10.0012-5.03767-6.88975-1.62983-10.0012-4.96358-3.03741-3.33375-3.03741-9.11225v-29.8556q0-7.112-2.00025-10.5198-1.92617-3.40783-6.59342-5.11175-1.18533-0.4445-1.18533-2.00025 0-2.07433 1.18533-2.07433 8.001 0 14.4462 6.223 6.44525 6.14892 6.44525 15.2612v30.3001q0 3.48192 3.03742 6.59342 3.1115 3.03742 7.63058 3.556 1.3335 0.148166 1.3335 1.70392z"/>
                </g>
            </svg>
            <div class="suffix">.com/benjamn</div>
        </h1>
    </body>
</html>
