#intro {
	
}
	#intro h1 {
		font-weight: bold;
	}
	
		#intro h1:before {
			content: url(img/logo-notext.svg);
			display: block;
			width: 300px;
			height: 300px;
			margin: 0 auto 1em;
		}
	
	#intro h2 {
		font-weight: normal;
		font-style: italic;
	}
	
.image.slide ul.caption {
	padding: 1em 4em;
	text-align: left; 
	font-size: 100%;
	line-height: 1.5;
}
	
ul.topics {
	position: relative;
	padding: 1em;
	text-align: center;
	line-height: 1.8;
}

ul.topics.in-scope {
	border: .2em solid;
	border-width: 0 .3em .2em .1em;
	border-radius: 50%;
}

	ul.topics li {
		padding: 0 .5em;
		border-radius: .2em;
		list-style: none;
		display: inline-block;
		background: #30B4C5;
		color: white;
		text-shadow: 0 -.05em .1em rgba(0,0,0,.4);
		line-height: 1.5;
		font-weight: bold;
	}
	
	ul.topics.in-scope:before,
	ul.topics.out-of-scope:after {
		display: block;
		font: bold 100%/1.5 Bitter;
	}
	
	ul.topics.in-scope:before {
		content: 'In scope';
	}
	
	ul.topics.out-of-scope:after {
		content: 'Out of scope';
	}
	
#stewards {
	
}

	#stewards img[alt="W3C"] {
		display: block;
		max-width: 250px;
		margin: auto;
	}
	
	div.sum {
		line-height: 1;
	}
	
	div.sum.displayed {
		opacity: 1;
	}
	
	.stewards img {
		max-width: 140px;
		max-height: 100px;
		vertical-align: middle;
		margin: 0 .3em;
	}
	
	.community .symbol {
		margin-bottom: .5em;
	}
	
		.community img {
			max-height: 50px;
		}
	
	.symbol {
		font: bold 300%/1 sans-serif;
	}
	
.wpd.image.slide {
	background: url(img/webplatform-docs.png) fixed center;
	background-size: cover;
}
	
	.wpd.image.slide h1,
	.wpd.image.slide .caption {
		position: relative;	
		background: none;
		overflow: hidden;
		color: black;
		text-shadow: 0 2px 3px white;
		font-family: Bitter;
	}
	
	.wpd.image.slide h1:before,
	.wpd.image.slide .caption:before {
		content: '';
		position: absolute;
		top: -20px; right: 0; bottom: -20px; left: 0;
		z-index: -1;
		background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(img/webplatform-docs.png) fixed center;
		background-size: cover;
		-webkit-filter: blur(5px);
		filter: blur(5px);
	}
	
#participation,
#participation + .slide {
	padding: 1em;
	background: black;
	color: white;
	text-shadow: none;
	height: 100%;
	box-sizing: border-box;	
}

#participation.previous,
#participation:target,
#participation.next {
	display: block;
}

#participation.previous {
	top: auto;
	bottom: 100%;
	visibility: visible;
	opacity:1;
}

	#participation img {
		box-shadow:  0 0 0 2px white, 0 0 0 10px black, 0 0 0 12px white;
	}
	
	#participation h1,
	#participation + .slide h1 {
		margin: 0;
	}
	
#participation + .slide.next {
	visibility: visible;
}

#future {
	background: url(img/tardis.jpg) right no-repeat;
	background-size: cover;
	color: white;
	text-shadow: none;
	text-align: left;
}

.run-in {
	font: 150% 'Reenie Beanie';
}

	.run-in:before {
		content: '<——';
		display: block;
		width: 2em;
		margin: -.5em auto 0;
		transform: rotate(80deg);
		transform-origin: 80% 100%;
		font-size: 150%;
		line-height: 1;
		letter-spacing: -.1em;
	}

.sticker {
	transform: rotate(-20deg);
	/*filter: url(img/drop-shadow.svg#drop-shadow);*/
	-webkit-filter: drop-shadow(2px 2px 15px rgba(0,0,0,.5));
	filter: drop-shadow(2px 2px 15px rgba(0,0,0,.5));
}