html,
body {
	background-color: yellow;
	padding: 0;
	margin: 0;
}

body {
	position: relative;
	overflow-x: hidden;
}

.hoja {
	width: 100vw;
	height: 100vh;
	position: relative;
	background-color: #ddd;
}

.center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.logo {
	background-color: transparent;
	max-width: 60vw;
	height: 20vh;
}

h1. h2 {
	margin: 0;
}

h1 {
	font-size: 3rem;
}

h2 {
	font-size: 2rem;
	;
}

/* _______________________________ animaciones */
.tilt-in {
	animation: tilt-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes tilt-in {
	0% {
		transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
		opacity: 0;
	}

	100% {
		transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
		opacity: 1;
	}
}