/* 
    ## #####  ##     ##
    ## ##  ## #### ####
    ## #####  ## ### ## --- CSS Document
##  ## ##  ## ##  #  ##
  ##   #####  ##     ##     JB Simon MARTINEZ © 2021 - jb-martinez.net

*/

body {
	font-family: 'Roboto', sans-serif;
}

#group-card {
	 background: #edf2f4;
	 perspective: 1000px;
	 transform-style: preserve-3d;
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 align-items: center;	 
	 height: 100vh;
	 font-family: "Playfair Display", georgia, serif;
	width: 1200px;
}

img {
	width: 100%;
	height: auto;
}

#poppies-card {
	position: relative;
	width: 100%;
}

 .card {
	 pointer-events: none;
	 transform: translateZ(0);
	 padding: 30px;
	 background: white;
	 border-radius: 5px;
	 width: 400px;
	 height: 550px;
	 margin: auto;
	 transform-style: preserve-3d;
	 backface-visibility: hidden;
	 display: flex;
	 box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	 position: relative;
	 background-color: #fff;
}

 .card .card-content {
	 position:relative;
	 margin: auto;
	 text-align: center;
	 transform-style: preserve-3d;
}

.card .card-content div:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateZ(20px);
	/*filter: drop-shadow(5px 5px 4px #4444dd);*/
}

.card .card-content div:nth-child(3) {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateZ(60px);
	filter: drop-shadow(0px -10px 10px #ffffff);
}

.card .card-content div:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateZ(80px);
	filter: drop-shadow(5px 5px 4px #ffffff);
  opacity: 0.75;
}

.card .card-content div:nth-child(5) {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 2rem;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	padding: 1rem;
	transform: translateZ(80px);
	font-family: 'Roboto', sans-serif;
	text-shadow: #000 1px 1px 20px;
}