alexmwalker

#court{
	width:1000px;
	height:300px;
	border:3px #000 dotted;
	position:relative}
#target{
	width:20px; 
	height:20px;
	outline:1px red dashed;
	position:absolute;

alexmwalker

#court{
	width:1000px;
	height:200px;
	border:3px #f00 dotted;
	position:relative;
	cursor:"hand";
	background:cyan}
#trench{width:10px;
	height:300px;
	border:0px #000 dotted;

alexmwalker

#court{
	width:1000px;
	height:200px;
	border:3px #f00 dotted;
	position:relative;
	cursor:"hand";
	background:cyan
	}

#bat{width:10px;

alexmwalker

body {font:bold 45px/150% Helvetica Arial, sans-serif}
h1{font-size:60px;
line-height:200%}
p{font:700 35px/100%''}

alexmwalker

/**
 * Playable Pong *
 */



/* line 9, ../sass/style.scss */
body {
  overflow: hidden;
  font-family: 'Arial Narrow', sans-serif;

alexmwalker

/* CSS States */
body {
	background: url(http://dabblet.com/img/noise.png);
	background-color: #F5F2F0;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.6em;
	text-shadow: 0 2px 0 white;
	color: #222;
}

alexmwalker

/**
 * Playable Pong by 𝓐𝒍𝒆𝒙 𝓜 𝓦𝓪𝓵𝓴𝓮𝓻
  working - not scoring 
 */

body{overflow:hidden;
font-family:'Arial Narrow', sans-serif;
background:#000;
margin:0;
padding:0;

alexmwalker

/**
 * The first commented line is your dabblet’s title
 */

/* The large delay prevents the color from changing */
* {	position:relative;}

ol li{	
top:1.2em
}

alexmwalker

/**
 * The first commented line is your dabblet’s title
 */

body{
background:#000;
color:#fff;
}
ol{position:relative}
li{

alexmwalker

/**
 * Buzzing bee *
 */
 div {border:dashed 1px red}
div#content{height:50px;color:#fff;padding:0px 3%;margin:20px;
transform:rotate(0deg);
position:relative;width:20%;
animation: translateX 8s 1  ease-in-out;
}
div#hz{