@charset "UTF-8";

*{margin: 0; padding: 0; }

body{

	background-color: #333;
}

.titulo{

   font-family: 'Berkshire Swash', cursive;
    border: none;
    color: #c71585;
    padding: center;
    text-align: center;
    font-size: 80px;
    cursor: pointer;
		background-color: #333;

}

@keyframes animate {

	from{
		transform: rotate3d(0,1,0,0deg);
	}
	to{
		transform: rotate3d(0,1,0,180deg);
	}
}


.logo{
		margin-top: 50px;
    font-family: 'Slabo', serif;
    color: #F5CAC3;
    font-size: 40px;
    padding: center;
    text-align: center;
}

.cup:active{
	animation-name: animate;
	animation-duration: 0.1s;
	animation-iteration-count: infinite;
}



#myRandomDiv{
	font-family: 'Slabo', serif;
    margin-left: 0%;
		margin-top: 5%;
    width: 80%;
		color: #F5CAC3;
		font-size: 40px;
		text-align: center;
		padding: center;
}


footer{
	position: fixed;
	width: 100%;
	height: 100px;
	background-color:#333;
	display: table-cell;
	bottom: 0px;
}

.face{
	float: left;
	width: 50%;
	height: 100%;

	background-image: url("face.png");
	background-repeat: no-repeat;
	background-position: center;
}

.insta{
	float: right;
	width: 50%;
	height: 100%;
	background-image: url("insta.png");
	background-repeat: no-repeat;
	background-position: center;
}

.face:hover{
	cursor: pointer;
  background-color: #1980c1;
}


.insta:hover{
	cursor: pointer;
  background-color: #871936;
}