<style>
  body {
    background: url(http://80.240.132.120/test/landing-bg.jpg) #162232 center top no-repeat;
    background-size: cover;
  }

  .container-form-landing {
    opacity: 1;
    margin: 60px 0 0 0;
  }

  .field-session {
    width: 250px !important;
  }

  .container {
    background: transparent;
  }

  .icon-action-load {
    background: url(http://80.240.132.120/test/action-load.gif) no-repeat;
    display: none;

    width: 16px;
    height: 16px;
    float: right;
    margin: 6px -7px 0 7px;
  }

  .startMatchmaking {
    height: auto !important;
    width: auto !important;
    line-height: 29px;
  }

  .wrap-landing {
    max-width: 800px;
  }

  .container-landing {
    margin: 20% 0 0 0;
  }

  .teaser-landing {
    float: left;
    width: 100%;
    margin: 70px 0 0 0;
    text-shadow: none;
  }

  .status-offline {
    color: red;
  }

  .status-online {
    color: green;
  }
</style>

<section class="container-landing">
  <div class="wrap-landing">
    <img src="http://80.240.132.120/test/logo-big.png" width="243" height="85" alt="Gwent" class="logo-big">

    <div class="container-form-landing">

      <input type="text" placeholder="Username" class="field-session field-username" autofocus value="{{name}}">

      <select id="deckChoice" class="field-session">
        <option value="random">Deck: Random</option>
        <option value="northern">Deck: Northern Realms</option>
        <option value="scoiatael">Deck: Scoia'tael</option>
        <option value="monster">Deck: Monster</option>
        <option value="nilfgaardian">Deck: Nilfgaardian</option>
      </select>

      <div class="wrap-btn-action btn-register-action startMatchmaking">
        <input type="submit" value="Search Opponent" class="btn-action">
        <i class="icon-action-load image-gif-loader"></i>
      </div>

      <p class="teaser-landing">
        {{#if serverOffline}}
          <span>Server Status: <span class="status-offline">Offline</span></span>
        {{else}}
          <span>Player online: <span class="nr-player-online">0</span></span><br>
          <span>Server Status: <span class="status-online">Online</span></span>
        {{/if}}
      </p>

    </div>
  </div>
</section>

<footer class="rights">
  <p>This is a fan game and all rights are reserved by CD Projekt</p>
</footer>