kahilkubilay

// stick değişkenleri
var stickLeft = document.getElementById('stickLeft');
var stickRight = document.getElementById('stickRight');

stickLeft.style.top = window.innerHeight/2 + 'px';
stickRight.style.top = window.innerHeight/2 + 'px';

kahilkubilay

html, body{
	height: 100%;
	overflow: hidden;
}
/*oyun alanı özellikleri*/
#gameArea{
	width: 100%;
	height: 100%;
	background-color: #845ec2;
}

kahilkubilay

#scoreLeft, #scoreRight{
  color: #b25b00;
  font-family: sans-serif;
  font-size: 400%;
  margin-top: 4%;
}
#scoreLeft{
  float: left;
}
#scoreRight{

kahilkubilay

/*skor tahtası özellikleri*/
#scoreboard{
  width: 50%;
  height: 20%;
  margin: auto;
  border: 2px solid olive; /*seçici stilini görmek için farazi deger, kaldırmayı unutmayın :)*/
}

kahilkubilay

/*çizgi özellikleri*/
#line{
  width: 0;
  height: 99%;
  border: 1px dashed #b25b00;
  position: absolute;
  left: 50%;
}

kahilkubilay

/*top özellikleri*/
#ball{
  width: 16px;
  height: 16px;
  background-color: #b25b00;
  border-radius: 50%;
  position: absolute;
  top: 50%; /*seçici stilini görmek için farazi değer*/
  left: 40%; /*seçici stilini görmek için farazi değer*/
}

kahilkubilay

#stickLeft{
  left: 0;
}
#stickRight{
  right: 0;
}

kahilkubilay

/*çubuk özellikleri*/
.stick{
  width: 12px;
  height: 85px;
  background-color: #b25b00;
  position: absolute;
}

kahilkubilay

html, body{
  height: 100%;
}
/*oyun alanı özellikleri*/
#gameArea{
  width: 100%;
  height: 100%;
  background-color: #845ec2;
}

kahilkubilay

/*oyun alanı özellikleri*/
#gameArea{
  width: 100%;
  height: 100%;
  background-color: #845ec2;
}