#cBlob {
	width: 50px;
	height: 50px;
	background-image: radial-gradient(circle farthest-corner at 10% 20%, #df5b5b 0%, #ffd16e 100%);
	background: #fff;
	background-size: 1600% 1600%;
	position: absolute;
	mix-blend-mode: difference;
	pointer-events: none;
	z-index: 60;
	transform: scale(0);
	transition: transform 0.8s ease;
	animation: blobRadius 6s ease-in-out infinite, blobBackground 15s ease infinite;
}
 @media (hover: none) {
#cBlob {
	display: none;
}
}
#cClick {
	width: 500px;
	height: 500px;
	background: #f1eff6;
	position: fixed;
	z-index: 60;
	pointer-events: none;
	transition: top 0.1s ease, left 0.1s ease, transform 1.8s ease, background 1.5s ease;
	animation: blobRadius 6s ease-in-out infinite, blobBackground 15s ease infinite;
	opacity: 0;
	transform: scale(0.1);
}
#cClick.clicked {
	opacity: 1;
	transform: scale(10);
	background: #28212e;
}
.blobber {
	cursor: pointer;
}
 @keyframes blobRadius {
 0%, 100% {
 border-radius: 43% 77% 80% 40%/40% 40% 80% 80%;
}
 20% {
 border-radius: 47% 73% 61% 59%/47% 75% 45% 73%;
}
 40% {
 border-radius: 46% 74% 74% 46%/74% 58% 62% 46%;
}
 60% {
 border-radius: 47% 73% 61% 59%/40% 40% 80% 80%;
}
 80% {
 border-radius: 50% 70% 52% 68%/51% 61% 59% 69%;
}
}
@keyframes blobBackground {
 0%, 100% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
}
content {
	height: 100vh;
	width: 100%;
	overflow: hidden;
	display: none;
}