body {
	
	
	-webkit-animation: gradient 10s ease infinite;
	        animation: gradient 10s ease infinite;
	height: 100vh;
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



  div {
	margin-bottom: 5px;
  }
  
  input {
	text-decoration: none;
  }
  #generated-captcha {
	text-decoration: line-through;
	font-weight: bold;
	text-align: center;
	font-size: 5px;
	background-color: #ede7f6;
	border-radius: 6px;
	border: none;
	padding: 6px;
	outline: none;
	color: #1d1d1d;
  }
  #entered-captcha {
	border: 2px solid #c5c7f7;
	font-family: monospace;
	outline: none;
	border-radius: 6px;
	padding: 8px 15px;
	font-size: 10px;
  }
  button {
	margin-bottom: 5px;
	margin-right: 25px;
	cursor: pointer;

  }
  button {
	border: none;
	padding: 8px 20px;
	font-size: 14px;
	font-family: monospace;
	font-weight: bold;
	outline: none;
	background-color: #64f394;
	border-radius: 12px;
  }
  
  #gen {
	background-color: #ee7e6a;
  }
  .wrappr {
	/* border: 1px solid red; */
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: center;
  }