---
# System prepended metadata

title: Untitled

---

``` css
.sponsor{
	width: 960px;
	background-color: #040d22;
	padding: 20px 0 150px 0;
}
.sponsor h2{
	color: rgba(255,255,255,.52);
	margin: 50px 0 60px 0;
	text-align: center;
	letter-spacing: 3px;
}
.people{
	text-align: center;
}
.people .flip{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 0 10px;
	perspective: 500px;
}
.pic{
	transform: translateX(-100px);
}
.info{
	transform: rotateY(180deg);
}
.flip:hover .pic{
	transform: rotateY(180deg);
}
.flip:hover .info{
	transform: rotateY(360deg);
}
.pic, .info{
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		transition: 1s;
	}
.pic{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.pic img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	vertical-align: top;
}
.pic:before,
.pic:after{
	position: absolute;
	top: -1px;
	left: -1px;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
}
.pic:before{
	border: 1px #fbcc5d solid;
	animation: people 5s 1.5s infinite alternate;
}
.pic:after{
	border: 1px #fff solid;
	animation: people 4s 0.5s infinite alternate;
}
@keyframes people{
			0%{ border-radius: 60% 40% 40% 60% / 63% 60% 40% 37%; }
			20%{ border-radius: 30% 70% 60% 40% / 20% 55% 45% 80%; }
			40%{ border-radius: 68%32%30% 70% / 65% 30% 70% 35%; }
			60%{ border-radius: 40% 60% 55% 45% / 30% 52% 48% 70%; }
			80%{ border-radius: 46% 56% 63% 37% / 30% 42% 58% 70%; }
			100%{ border-radius: 58% 42% 30% 70% / 47% 35% 65% 53%; }
		}
```