<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blay Games - Coming Soon</title>
     <style>
        @import url('https://fonts.googleapis.com/css2?family=Mohave:ital,wght@0,400;0,700;1,500&display=swap');
    </style> 
    <style>
        html {
            background: white;
            color: white;
            font-family: 'Mohave', sans-serif;
            font-size: 60px;
            min-height:800px;
            margin:0;
            height:100%;
        }
        body {
            margin:0;
        }
        #upper {
            position: relative;
            height:50%;
            background: #2d2d2e;
            display: flex;
        }
        #lower {
            height:50%;
            position: relative;
            color: #2d2d2e;
        }
        #logo {
            width: 300px;
            height: auto;
            margin: auto;
            padding-bottom: 60px;
            display: flex;
            align-self: center;
            margin-top
        }
        #comingsoon {
            text-align:center;
            width:100%;
            display: block;
            position: absolute;
            bottom: 10px;
            font-weight:700;
        }
        #comingsoon > span {
            color: #f9b411;
            font-weight:500;
            font-style: italic;
        }
        #games {
            display: flex;
            justify-content: center;
            margin-top:20px;
        }
        a {
            padding:5px;
            margin:5px;
        }
        a > img {
            width:120px;
            height:auto;
            display:block;
        }
        #playsome {
            text-align:center;
            font-size: 40px;
            margin-top: 20px;
        }
        #email {
            position: absolute;
            bottom: 30px;
            font-size: 30px;
            text-align: center;
            width:100%;
        }
    </style>
</head>
<body>
    <div id="upper">
        <img id="logo" src="storage/app/media/logo.png"/>
        <div id="comingsoon">COMING <span>REALLY</span> SOON</div>
    </div>
    <div id="lower">
        <div id="playsome">Meanwhile, you can play some games...</div>
        <div id="games">
            <a id="appstore" href="https://apps.apple.com/us/developer/blay-games/id1487626900" target="_blank"><img src="storage/app/media/appstore.svg"/></a>
            <a id="googleplay" href="https://play.google.com/store/apps/developer?id=Blay+Games&hl=en_US&gl=US" target="_blank"><img src="storage/app/media/googleplay.svg"/></a>
        </div>
        <div id="email">
        </div>
    </div>
</body>
<script>
    window.onload = function(e){
        setTimeout(() => {
            document.getElementById("email").innerHTML = "info@blaygames.com";
        }, 500);
    }
</script>
</html>