<!DOCTYPE html>
<html>
    <head>
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <style>
            body {
                background-color    : #232323;
                display             : flex;
                justify-content     : center;
                align-items         : center;
                height              : 90vh;
            }
            .responsive {
                width               : 100%;
                max-width           : 1920px;
                height              : auto;
            }
            html {
                font-family         : "Gill Sans", sans-serif;
                color               : #dacab3;
            }
            h1 {
                font-size           : 6vw;
                font-weight         : normal;
                margin-top          : 0.4em;
                margin-bottom       : -0.1em;
                margin-left         : 0;
                margin-right        : 0;
                padding             : 0px;
                color               : #;
            }
            h2 {
                font-size           : 3.5vw;
                font-weight         : normal;
                margin-top          : 0.0em;
                margin-bottom       : 0.2em;
                margin-left         : 0;
                margin-right        : 0;
            }
            h3 {
                font-size           : 3.25vw;
                font-weight         : normal;
                margin-top          : 0.2em;
                margin-bottom       : 0.2em;
                margin-left         : 0;
                margin-right        : 0;
            }
            a {
                font-size           : 3.25vw;
                font-weight         : normal;
                color               : #dacab3;
                font-weight         : normal;
                text-decoration     : none;
            }
            a:hover {
                color               : #c27300;
                text-decoration     : none;
            }
            .center {
                background-color    : #000000;
                text-align          : center;
                vertical-align      : middle;
                margin              : auto;
                width               : 70%;
                border              : 1px solid #dacab3;
                padding             : 0px;
            }
            .logoresponsive {
                width               : 1.25em;
                max-width           : 240px;
                height              : auto;
                vertical-align      : top;
            }
            @media only screen and (max-width: 768px) {
                .center {
                    background-color    : #000000;
                    text-align          : center;
                    vertical-align      : middle;
                    margin              : auto;
                    width               : 70%;
                    border              : 1px solid #dacab3;
                    padding             : 0px;
                }
            }
            @media only screen and (max-width: 600px) {
                .center {
                    background-color    : #000000;
                    text-align          : center;
                    vertical-align      : middle;
                    margin              : auto;
                    width               : 99%;
                    border              : 1px solid #dacab3;
                    padding             : 0px;
                }
                h1 {
                    font-size           : 8vw;
                }
                h2 {
                    font-size           : 6vw;
                }
                h3 {
                    font-size           : 5vw;
                }
                a {
                    font-size           : 5vw;
                }
            }
        </style>
    </head>
    <body>
        <div class="center">
            <h1>
                SHAWN KENNEY
            </h1>
            <h2>
                - NEW SITE COMING SOON -
            </h2>
            <img alt="Shawn Kenney paintings" class="responsive" height="798" src="/assets/coverphoto1.jpg" width="1920">
            <h3>
                FOR LATEST WORKS AND NEWS:
            </h3>
            <h3 style="padding-bottom:.2em">
                <a href="https://www.instagram.com/shawn_kenney/">
                    <img alt="IG logo" border="0" class="logoresponsive" src="/assets/IG_logo.png" width="200">
                    shawn_kenney
                </a>
            </h3>
        </div>
    </body>
</html>