#destroy-btn {
	width:300px;
	height:300px;
	border-radius:300px;
	background: radial-gradient( circle at top, white, red, red, red, darkred, maroon, maroon, black );
	display:flex;
	align-items:center;
	justify-content:center;
}

#destroy-btn:hover {
	background: radial-gradient( circle at top, white, red, red, red, red, red, darkred, black );
}
#destroy-btn:active {
	background-color:rgb(255,125,125);
        border-right:6px solid rgb(150, 50, 50);
	border-bottom:6px solid rgb(150, 50, 50);
        border-left:3px solid rgb(200, 60, 60);
	border-top:3px solid rgb(200, 60, 60);

}

#overlay {
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	justify-content:center;
	align-items:center;
	backdrop-filter: blur(8px);
	transition-duration: 0.5s;
}

#title {
	font-size: 5em;
	animation: annoyingRotate;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}
form {
	display:flex;
	flex-direction:column;
	background-color:rgb(255,255,255);
	padding:2em;
	gap:4px;
}
#confirm-form {
	display:flex;
	flex-direction:column;
	background-color:rgb(255,255,255);
	padding:2em;
	gap:4px;
}



@keyframes annoyingRotate {
  0% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }

  8% {
    transform: rotateX(12deg) rotateY(-8deg) rotateZ(18deg);
  }

  15% {
    transform: rotateX(-22deg) rotateY(16deg) rotateZ(-28deg);
  }

  23% {
    transform: rotateX(30deg) rotateY(-25deg) rotateZ(14deg);
  }

  31% {
    transform: rotateX(-40deg) rotateY(70deg) rotateZ(-10deg);
  }

  40% {
    transform: rotateX(5deg) rotateY(-10deg) rotateZ(0deg);
  }

  50% {
    transform: rotateX(15deg) rotateY(35deg) rotateZ(-22deg);
  }

  58% {
    transform: rotateX(-25deg) rotateY(-40deg) rotateZ(12deg);
  }

  72% {
    transform:
      rotateX(720deg)
      rotateY(-450deg)
      rotateZ(390deg);
  }

  80% {
    transform:
      rotateX(760deg)
      rotateY(-380deg)
      rotateZ(340deg);
  }

  88% {
    transform:
      rotateX(-18deg)
      rotateY(12deg)
      rotateZ(-35deg);
  }

  95% {
    transform:
      rotateX(6deg)
      rotateY(-4deg)
      rotateZ(15deg);
  }

  100% {
    transform:
      rotateX(0deg)
      rotateY(0deg)
      rotateZ(0deg);
  }
}