틀:연습장/Lena6/styles.css

@media screen and (max-width: 768px) {
	.main-id-card {
		width: 344px;
		height: 216px;
		margin: .8rem 0;
		user-select: none;
	}
}
@media screen and (min-width: 768px) {
	.main-id-card {
		width: 430px;
		height: 270px;
		margin: .8rem 0;
		user-select: none;
	}
}
.main-id-card
.main-id-card-inner {
	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: transform .25s;
}
.main-id-card:hover .main-id-card-inner {
	transform: rotateY(180deg);
}
.main-id-card-front,
.main-id-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.main-id-card-front {
	transform: rotateY(0deg);
}
.main-id-card-back {
  transform: rotateY(180deg);
}