.unc-game-memory
	display flex
	flex-wrap wrap
	max-height 100%
	perspective 500px
	transform-style preserve-3d
	
	.unc-card
		box-sizing border-box
		cursor pointer
		height 100px
		padding 5px
		perspective 500px
		position relative
		text-align center
		width 100px
		z-index 50
		-webkit-tap-highlight-color transparent
		

		.inside
			background white
			height 100%
			position relative
			transition .4s ease-in-out
			transform-style preserve-3d
			width 100%
			
			&.picked,
			&.matched
				transform rotateY(180deg)
			
			&.matched
				animation 1s matchAnim ease-in-out
				animation-delay .4s
		
		.unc-card-front, 
		.unc-card-back
			border 1px solid black
			backface-visibility hidden
			box-sizing border-box
			height 100%
			left 0
			padding 10px
			position absolute
			top 0
			width 100%
			
			img
				max-width 100%
				display block
				margin 0 auto
				max-height 100%
			
		.unc-card-front
			align-items center
			display flex
			justify-content center
			-webkit-transform rotateY(-180deg)
			transform rotateY(-180deg)

@keyframes matchAnim
	0%
		background #bcffcc
	100%
		background white