<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New website is coming soon</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; overflow: hidden;}
        .container {background: rgba(255, 255, 255, 1); width: 100vw; height: 100vh; display: flex; align-items: center;}
        .container-block {padding: 0 16px; display: flex; flex-direction: column; gap: 40px; width: 100%;}
        .container-text {width: 100%; max-width: 998px; height: auto; margin: 0 auto; }
        .container-loader {width: 100%; max-width: 986px; height: auto; margin: 0 auto; }
        .container-text-mobile {display: none;}
        @media screen and (max-width: 500px) {
            .container-text-mobile {display: block; width: 100%; max-width: 400px; height: auto; margin: 0 auto;}
            .container-text {display: none;}
            .container {align-items: flex-start; padding-top: 100px;}
        }
    </style>    
</head>
<body>
    <div class="container">
        <div class="container-block">
            <img src="/text.png" alt="" class="container-text">
            <img src="/text-mobile.png" alt="" class="container-text-mobile">
            <img src="/loader.png" alt="" class="container-loader"> 
        </div>
    </div>
</body>
</html>