ddprrt

body {
	background: grey;
	padding: 100px;
}
div {
	background: white;
	height: 300px;
	position: relative;
	width: 400px;
	/* BEGIN CRAZINESS */

ddprrt

/**
 * Popart
 */

img {
  display: block;
}

img.third,
img.first {

ddprrt

/**
 * Galleria
 */
 
 body {
  background-color:white;
  background-image: linear-gradient(0, rgba(200,0,0,.5) 50%, transparent 50%),
	linear-gradient(rgba(200,0,0,.5) 50%, transparent 50%);
  background-size:50px 50px;
 }

ddprrt

/**
 * Galleria
 */
 
 body {
  background-color:white;
  background-image: linear-gradient(0, rgba(200,0,0,.5) 50%, transparent 50%),
	linear-gradient(rgba(200,0,0,.5) 50%, transparent 50%);
  background-size:50px 50px;
 }

ddprrt

.pie {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: black;
	border: 5px solid white;
	position: relative;
}

.pie:before,

ddprrt

/** Tooltip **/

p {font-size: 1.4em; line-height: 140%; font-family: Georgia; position: relative;}
p:first-child {font-size: 1.5em;}

.tooltip {
	text-decoration: underline;
	cursor: pointer;
	position: relative;
}

ddprrt

/** Tooltip **/

p {font-size: 1.4em; line-height: 140%; font-family: Georgia; position: relative;}
p:first-child {font-size: 1.5em;}

[data-tooltip]{
	text-decoration: underline;
	cursor: pointer;
	position: relative;
}

ddprrt

/** Tooltip **/

p {font-size: 1.4em; line-height: 140%; font-family: Georgia; position: relative;}
p:first-child {font-size: 1.5em;}


[data-tooltip]{
	text-decoration: underline;
	cursor: pointer;
	position: relative;

ddprrt

/** Tooltip **/

p {font-size: 1.4em; line-height: 140%; font-family: Georgia; position: relative;}
p:first-child {font-size: 1.5em;}

[data-tooltip]{
	text-decoration: underline;
	cursor: pointer;
	position: relative;
}

ddprrt

/** Tooltip **/

p {font-size: 1.4em; line-height: 140%; font-family: Georgia; position: relative;}
p:first-child {font-size: 1.5em;}

[data-tooltip]{
	text-decoration: underline;
	cursor: pointer;
	position: relative;
}