#WeirdCard {
	font-family: 'Ubuntu', sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 6px 0;
}
#WeirdCard .panel {
	position: relative;
	width: 320px;
	height: 450px;
	margin: 6px 30px 51px;
	background: #287bff;
	border-radius: 20px;
	border-bottom-left-radius: 160px;
	border-bottom-right-radius: 160px;
	box-shadow: 0 15px 0 #fff,
	inset 0 -15px 0 rgb(255 255 255 / 25%),
	0 45px 0 rgb(0 0 0 /15%);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
#WeirdCard .panel::before {
	content: "";
	position: absolute;
	top: -140px;
	left: -40%;
	width: 100%;
	height: 120%;
	background: linear-gradient(90deg, transparent, rgb(255 255 255 / 20%));
	transform: rotate(35deg);
	pointer-events: none;
	filter: blur(5px);
}
#WeirdCard .panel:nth-child(1) {
	background: linear-gradient(to bottom, #ff2ae0, #645bf6);
}
#WeirdCard .panel:nth-child(2) {
	background: linear-gradient(to bottom, #ffec61, #f321d7);
}
#WeirdCard .panel:nth-child(3) {
	background: linear-gradient(to bottom, #24ff72, #9a4eff);
}
#WeirdCard .panel .icon {
	position: relative;
	width: 140px;
	height: 120px;
	background: #3d4152;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	box-shadow: 0 10px 0 rgb(0 0 0 / 10%),
	inset 0 -8px 0 #fff;
	z-index: 1000;
	display: flex;
	justify-content: center;
}
#WeirdCard .panel .icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
	background: transparent;
	/* background: #f00; */
	border-top-right-radius: 50px;
	box-shadow: 15px -15px 0 15px #3d4152;
}
#WeirdCard .panel .icon::after {
	content: "";
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 50px;
	background: transparent;
	/* background: #f00; */
	border-top-left-radius: 50px;
	box-shadow: -15px -15px 0 15px #3d4152;
}
#WeirdCard .panel .icon i {
	color: #fff;
	position: relative;
	font-size: 6em;
	z-index: 10000;
}
#WeirdCard .panel .content {
	position: absolute;
	width: 100%;
	padding: 30px;
	padding-top: 140px;
	text-align: center;
}
#WeirdCard .panel .content h2 {
	font-size: 1.75em;
	color: #fff;
	margin-bottom: 10px;
}
#WeirdCard .panel .content p {
	color: #fff;
	line-height: 1.5em;
}