@charset "utf-8";

/* theme
────────────────────────────────────────────────── */

#container{
	line-height:1.8;
}

#container p,
#container ul{
	margin-top:1em;
}

#container p:first-of-type {
	margin-top:0;
}

#container ul{
	display:flex;
	margin:30px 0;
	justify-content:space-between;
}

#container ul li{
	background:rgba(255,231,186,1.00);
	font-weight:bold;
	-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.05);
	box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.05);
	box-sizing:border-box;
	padding:20px;
	position:relative;
	width:25%;
}

#container ul li:before,
#container ul li:after {
	position: absolute;
	bottom: 10px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 50%;
	box-shadow: 0 10px 15px rgba(0,0,0,.5);
}
#container ul li:before {
	left: 20px;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
#container ul li:after {
	right: 20px;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

#container ul li + li{
	margin-left:30px;
}

/* photo */

#photo{
	display:flex;
	align-content: flex-start;
	justify-content: center;
	margin:0 0 60px;
}

#photo img{
	box-shadow: inset 2px 2px 0 #fff, 0 8px 10px -4px rgba(0, 0, 0, 0.4);
	vertical-align:bottom;
}

#photo img + img{
	margin-left:30px;
}