@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html, body{
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 100%;
	background: #FFF;
	overflow: hidden;
}
.text{
  position: absolute;
  z-index: 10;
  bottom: 3%;
  left: 3%;
}
.text h1{
  font-size: 1.5em;
  color: #000;
}
.text p{
  font-size: 1em;
  color: #000;
}
.text p span{
  color: #000;
}
.container{
	width: 260px;
	height: 387px;
	position: absolute;
	top: calc(50% - 193px);
	left: calc(50% - 130px);
}
.container:after{
	content: "";
	width: 100%;
	height: 11px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #34163c;
}
.face{
	width: 180px;
	height: 70px;
	position: absolute;
	z-index: 3;
	top: 0;
	left: calc(50% - 90px);
	background-color: #d1c8b7;
	border-radius: 50px;
	border: 5px solid #34163c;
}
.face-detail{
	width: 50px;
	height: 20px;
	position: absolute;
	position: absolute;
	top: 8px;
	left: 7px;
	background-color: #FFF;
	border-radius: 50%;
	border-bottom: 5px solid #34163c;
	border-left: 5px solid #34163c;
	border-right: 5px solid #34163c;
	border-top: 5px solid transparent;
	border-radius: 0 0 50% 50% / 100% 100% 0 0;
}
.eyes{
	width: 80px;
	height: 80px;
	position: absolute;
	z-index: 5;
	top: -6px;
	box-sizing: border-box;
	background-color: #d1c8b7;
	border-radius: 50px;
	border: 5px solid #34163c;
}
.eyes-left{
	left: -7px;
}
.eyes-left:before{
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #341233;
	border-radius: 50%;
}
.eyes-left:after{
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 8px;
	right: 7px;
	background-color: #FFF;
	border-radius: 50%;
}
.eyes-right{
	right: -7px;
}
.eyes-right:before{
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	top: