Template:Witch Card.css

.witch-container {
	position: relative;	
	width: 35vw;
	height: 35vw;
	max-width: 350px;
	max-height: 350px;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 1em;
	overflow: clip;
	float: left;
}

@media(max-width:640px) {
	.witch-container {
		width: 100%;
		height: 100%;
	}
}

.witch-background {
	position: relative;
	opacity: 0.7;
}

.witch-background img {
	object-fit: cover;
}

.witch-sprite {
	position: absolute;
	top:50%;
	left:50%;
	max-width: 35vw;
	max-height: 35vw;
}

.witch-sprite img {
	object-fit: contain;
}

.witch-kiss {
	position: absolute;
	top: 0;
	max-width: 10vw;
	max-height: 10vw;
}

.witch-kiss img {
	object-fit: scale-down;
}

.witch-table {
	border:1px solid #777;
	margin-top: 0;
	height: 35vw;
	max-height: 350px;
}

@media(max-width:640px) {
	.witch-table {
		display: inline-table;
	}
}

.witch-table td, th {
	border:1px solid #777;
}

.witch-description {
	min-height:150px;
	margin: 20px 10px 0px;
	display:inline-block;
}

.witch-table-header {
	padding:10px;
	text-align: center;
	border:1px solid #777;
}