body{
	padding: 0;
	margin: 0;
	height: 100vh;
	--d: 50vmin;
}

#block{
	display: flex;
	flex-grow: 1;
	height: 100%;
	background: black;
	animation: blob 1s linear 0s both infinite;
	/* filter: blur(3em); */
}


@keyframes blob {
  0%,
  100% {
    border-radius: var(--d) var(--d) 0 0;
  }

  20% {
    border-radius: 0 var(--d) var(--d) 0;
  }

  60% {
    border-radius: 0 0 var(--d) var(--d);
  }

  80% {
    border-radius: var(--d) 0 0 var(--d);
  }
}

@keyframes aaaablob {
  0%,
  100% {
    border-radius: var(--d) var(--d) 0 0;
  }

  20% {
    border-radius: 0 var(--d) var(--d) 0;
  }

  60% {
    border-radius: 0 0 var(--d) var(--d);
  }

  80% {
    border-radius: var(--d) 0 0 var(--d);
  }
}

@keyframes bbbblob {
  0%,
  100% {
    border-radius: var(--d) var(--d) var(--d) 0;
  }

  20% {
    border-radius: 0 var(--d) var(--d) var(--d);
  }

  60% {
    border-radius: var(--d) 0 var(--d) var(--d);
  }

  80% {
    border-radius: var(--d) var(--d) 0 var(--d);
  }
}