@charset "utf-8";
/* CSS Document 3D CARD */


 @import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Changa+One:ital@0;1&family=Concert+One&family=Gloria+Hallelujah&family=Luckiest+Guy&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');
	
	body{
		height: 100vh;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background: #003297;
		perspective: 60vmin;
		transform-style: preserve-3d;
		overflow: hidden
	}
	
	
	.container{
		width: 90vmin;
		height: 90vmin;
		will-change: transform;
		transition: .1s transform;
		transform-style: preserve-3d;
		transform: rotateX(20deg) rotateY(0deg);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.cell-container{
		width: 9vmin;
		height: 9vmin;
		margin: 0;
		transform-style: preserve-3d;
		position: relative;
		backface-visibility: hidden;
		transition:.5s transform;
		transform: rotateX(0deg);
	}
	
	.cell{
		position: relative;
		backface-visibility: hidden;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		will-change: transform;
		transition:.5s transform;
		transform: translateZ(0px) scale(0) rotate(0deg);
		background: url("../cards/tarjetas_amor_t-q-m_04.svg");
		background-size: 1076% 1066% !important;
		margin: 0;
	}
	.cell2{
		transform-origin: top;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		
		position: absolute;
		margin: 0;
	}
	
	h2{
		color:#f1f1f2;
		font-family: "Gloria Hallelujah", serif;
	    font-weight: 100;
		font-size:1.45rem;
		letter-spacing:3px;
		padding-top:1.1rem;
		user-select:none;
	}