<!DOCTYPE html>
<html>

<head>
    <title>Welcome | Definity</title>
    <%- include('../partials/head', {host: host}); %>
    <style>
        * {
        font-family: 'Helvetica';
        color:black;
        margin: 0;
        }

        body {
        background-color: rgb(255,255,255);
        }

        .box {
        display:inline-block;
        border:1px solid black;
        background-color:rgb(255, 255, 255);
        margin-right: 5px;
        padding:15px;
        transition:1s;
        width:500px;
        }
        .box:hover {
        padding:30px;
        }

        .background-color {
        background-color: rgb(205, 205, 205);
        }

        button {
        border:1px solid black;
        border-radius: 2px;
        background-color: white;
        color:black;
        font-size: 150%;
        }

        @media (prefers-color-scheme: dark) {
        * {
        font-family: 'Helvetica';
        color:white;
        }

        .background-color {
        background-color: rgb(0,0,0);
        }

        body {
        background-color: rgb(0,0,0);
        }

        .box {
        background-color:rgb(0, 0, 0);
        border:1px solid white;
        }
        button {
        border:1px solid white;
        border-radius: 2px;
        background-color: black;
        color:white;
        font-size: 150%;
        }
        }
        </style>
</head>

<body style="text-align: center;background: linear-gradient(90deg, rgba(66,231,237,1) 0%, rgba(31,53,143,1) 100%);margin:0;">
    <%- include('../partials/navbar'); %>
        <div>
            <span style="font-size: 300%;font-family:Changa;">DEFINITY</span><br>
            <span style="font-size: 100%;">We make things that respect humanity.</span>
        </div>
        <br>
<!--        <div class="background-color" style="background-color: #1c1b1b;"> <br>
            <span style="font-size:200%;"><a href="/join">Looking to join us?</a></span>
            <br><br>
        </div> -->
        <div class="background-color"> <br>
            <span style="font-size:200%;">The Things We've Made</span> <br><br>
            <div class="box" id="soon">
                <h1>Soon...</h1>
                <p>What'd you expect?</p>
            </div>
            <br><br>
        </div>
        <footer>
            <%- include('../partials/footer'); %>
        </footer>
</body>

</html>