<script src="https://use.fontawesome.com/a52196c968.js"></script> 
<div id="container">  
  <div class="icerik"></div>
</div> 
  <style type="text/css">
    @import url('https://fonts.googleapis.com/css?family=Bubbler+One');

 

.icerik {
  width: 150px; 
  height: 100px;
  background: white;
  font-size: 4em;
  color: #707070;
  
  position: absolute;
  left: 50%; top: 50%;
  margin-left: -125px; margin-top: -50px;

  text-align: center;
  line-height: 100px;
   

  background-color: rgba(255,255,255,.7);
  color: #1A242B;
}

p, a {
  font-size: 20px;
  text-decoration: none;
  padding: 10px 0; 
  text-align: center;
}
#saatBicimi{
  display: block;
  margin: 0 auto;
  border: none;
  padding: 5px;
  background-color: rgba(255,255,255,.7);
  border-top: 1px solid #1A242B;
  color: #1A242B;
  font-family: 'Bubbler One', sans-serif;
}
#saatBicimi:focus {outline:0;}
#container{
  width: 400px;
  height: 200px;
  max-height: 200px;
  min-height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50%;
  margin-left: -220px;
  margin-top: -120px;
  padding: 20px;
  background-color: rgba(255,255,255,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  border: 5px solid #fff;
  background-size: cover;
  z-index: 100;
}
i{cursor:pointer;}
  </style>
  <script type="text/javascript">
    (function() {
  var saat = document.querySelector('.icerik');
  
  var ekstraSifir = function(x) {
    return x < 10 ? '0' + x : x;
  };
  
  var tiktak = function() { 
    var d = new Date();
    var h = ekstraSifir( d.getUTCHours() + parseInt(2));
    var m = ekstraSifir( d.getUTCMinutes() );
    var s = ekstraSifir( d.getUTCSeconds() );
    var current_time = [h,m,s].join(':');
    saat.innerHTML = current_time;
  };
  tiktak();
  setInterval(tiktak, 1000);
}());
  </script>
  <style>
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
</style>