Michael Arestad MichaelArestad

## dabblet.css
/**
 * SUPER MEAT FACE!!!!!
 */


html {
	background: #c52815;
}

#superMeatFace {

## responsive.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
		body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
		.wrapper { width: 6000px; }
		.frame { float: left; }
		h2 { margin: 0 0 5px 0; }

## Boots Cats
Use with: http://www.p01.org/releases/JS1K_Speech_Synthesizer/JS1K_Speech_Synthesizer.htm

d s t s d s t s d s t s d s t s b r b r b r bbr b r b r b r bbr b r b r b r bbr b r b r b r bbrbb k bbk bkk b k b k bbk bkk b k bdbdbdbdbdbdbdbdf   dk  f s dk    f   dk  f s dk  df   dk  f s dk   f   dks fts dk

## dabblet.css
/*
Selection Fail
 */

*::-moz-selection {
	background: red;
	color: white;
}
html {
	background: #f06;

## dabblet.css
/**
 Relative Position Animation Test
 */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
#absolute {
	width: 100%;

## dabblet.css
/**
 Visibility Animation Test
 */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
#absolute {
	width: 100%;

## dabblet.css
/**
 font-size, line-height, and letter-spacing Animation Test
 */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
#absolute {
	width: 100%;

## dabblet.css
/**
 font-weight Animation Test
 */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
#absolute {
	width: 100%;

## dabblet.css

/**
 Absolute Position Animation Test
 */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
#absolute {

## dabblet.css
/* The glass is half something */

.glass {
	position: relative;
	border: 1px solid grey;
	width: 200px;
	height: 380px;
	margin: 50px auto;
}
.glass > .water {
	/**
	* SUPER MEAT FACE!!!!!
	*/


	html {
	background: #c52815;
	}

	#superMeatFace {
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }
	Use with: http://www.p01.org/releases/JS1K_Speech_Synthesizer/JS1K_Speech_Synthesizer.htm

	d s t s d s t s d s t s d s t s b r b r b r bbr b r b r b r bbr b r b r b r bbr b r b r b r bbrbb k bbk bkk b k b k bbk bkk b k bdbdbdbdbdbdbdbdf dk f s dk f dk f s dk df dk f s dk f dks fts dk
	/*
	Selection Fail
	*/

	*::-moz-selection {
	background: red;
	color: white;
	}
	html {
	background: #f06;
	/**
	Relative Position Animation Test
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	#absolute {
	width: 100%;
	/**
	Visibility Animation Test
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	#absolute {
	width: 100%;
	/**
	font-size, line-height, and letter-spacing Animation Test
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	#absolute {
	width: 100%;
	/**
	font-weight Animation Test
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	#absolute {
	width: 100%;

	/**
	Absolute Position Animation Test
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	#absolute {
	/* The glass is half something */

	.glass {
	position: relative;
	border: 1px solid grey;
	width: 200px;
	height: 380px;
	margin: 50px auto;
	}
	.glass > .water {