<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>NineOne</title>
    <style type="text/css">
      @keyframes blinking {
        0% {
          opacity: 0;
        }

        50% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
      }

      @-webkit-keyframes blinking {
        0% {
          opacity: 0;
        }

        50% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
      }

      @-moz-keyframes blinking {
        0% {
          opacity: 0;
        }

        50% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
      }

      @-o-keyframes blinking {
        0% {
          opacity: 0;
        }

        50% {
          opacity: 1;
        }

        100% {
          opacity: 0;
        }
      }

      .preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        font-size: 1rem;
        background-color: #000;
        z-index: 9999;
        -webkit-transition: opacity 2s ease;
        -o-transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        transition: opacity 2s ease;
      }

      .preloader.hide {
        opacity: 0;
      }

      .preloader .underline {
        position: absolute;
        display: block;
        width: 1.667em;
        height: 0.556em;
        top: 50%;
        left: 50%;
        margin-top: 2em;
        margin-left: -0.278em;
        background-color: #fff;
        -webkit-animation: blinking 1s infinite;
        -moz-animation: blinking 1s infinite;
        -o-animation: blinking 1s infinite;
        animation: blinking 1s infinite;
      }
    </style>
  <link href="/bundle.css" rel="stylesheet"></head>
  <body>
    <div id="root">
    </div>
    <div class="preloader">
      <div class="underline"></div>
    </div>
  <script type="text/javascript" src="/bundle.js"></script></body>
  <!-- Yandex.Metrika counter -->
  <script src="https://mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
  <script type="text/javascript">
    try {
    var yaCounter38743700 = new Ya.Metrika({
    id:38743700,
    clickmap:true,
    trackLinks:true,
    accurateTrackBounce:true
    });
    } catch(e) { }
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/38743700" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  <!-- /Yandex.Metrika counter -->
</html>
