body{
	background-color: #EBEBEB;
	margin: 0;
	padding: 0;
}
.pattern{
	width:100%;
	height: 380px;
	border-bottom:10px solid #393E42;
	overflow: hidden;
}
.star{
	width:40px;
	height: 40px;
	background-color: #393E42;
	position: absolute;	
}
.star::before{
	content: " ";
	width:40px;
	height: 40px;
	transform:rotate(45deg);
	position: absolute;
  	top:0px;
  	left:0px;
  	background-color: #393E42;
}
.star:nth-child(3n-1){
	background-color: #3EA194;
}
.star:nth-child(3n-1)::before{
	background-color: #3EA194;
}
.star:nth-child(3n){
	background-color: #C24232;
}
.star:nth-child(3n)::before{
	background-color: #C24232;
}
.row{
	width: 100%;
	height:40px;	
	position: relative;
}
.scale{
	animation:scale 1s linear infinite alternate;
}
@keyframes scale {
    from {transform: scale(1.0);}
    to {transform:scale(1.1);}
}
.rotate{
	animation:spin 4s linear infinite ;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.anim{
animation:anim 4s linear infinite;
}
@keyframes anim {
    0% {transform:rotate(0deg)  scale(1.0);}
    50% {transform:rotate(180deg) scale(1.1);}
    100% {transform:rotate(360deg)  scale(1.0);}
}

.btn{
	width:200px;
	height:50px;
	background-color: #393E42;
	margin: 20px;
	color: #EBEBEB;
	text-align: center;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 50px;
	font-size: 22pt;
	display: inline-block;
	cursor: pointer;
	border-radius: 7px;
	
}	
i{
position: relative;
color: #EBEBEB;
top: 0;
left: 55px;
font-size: 22pt;
opacity: 0;
}
#btn_scale,#btn_rotate {
	
	color: #EBEBEB;
	font-size: 22pt;
	display: inline-block;	
}
h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 25pt;
	color:#C24232;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-shadow: 4px 4px 3px #bbb;
}
p{
	text-align: center;
	text-transform: uppercase;
	font-size: 15pt;
	color:#555;
	font-family: 'Ubuntu Condensed', sans-serif;
	}
a{
	text-decoration: none;
	color: #C24232;
	border-bottom: 1px dashed #C24232;
}