@keyframes bgcoloring {
  0%   {	background-color: #f44336;	}
  10%  {	background-color: #e91ea1;	}
  20%  {	background-color: #ca1ee9;	}
  30%  {	background-color: #8231aa;	}
  40%  {	background-color: #4e32a3;	}
  50%  {	background-color: #3F51B5;	}
  60%  {	background-color: #6398e6;	}
  70%  {	background-color: #369083;	}
  80%  {	background-color: #4caf50;	}
  85%  {	background-color: #8bc34a;	}
  90%  {	background-color: #cddc39;	}
  93%  {	background-color: #e8d316;	}
  95%  {	background-color: #ff9800;	}
  100% {	background-color: #ff5722;	}
}

@keyframes txtcoloring {
  0%   {	color: #f44336;	}
  10%  {	color: #e91ea1;	}
  20%  {	color: #ca1ee9;	}
  30%  {	color: #8231aa;	}
  40%  {	color: #4e32a3;	}
  50%  {	color: #3F51B5;	}
  60%  {	color: #6398e6;	}
  70%  {	color: #369083;	}
  80%  {	color: #4caf50;	}
  85%  {	color: #8bc34a;	}
  90%  {	color: #cddc39;	}
  93%  {	color: #e8d316;	}
  95%  {	color: #ff9800;	}
  100% {	color: #ff5722;	}
}

body {
	//animation: bgcoloring 20s infinite;
	background: #18213e;
    font-family: tahoma !important;
    color: #FFF;
	text-align: center;
	padding-top: 30px;
}

input {
	animation: txtcoloring 20s infinite;
    height: 45px !important;
    width: 280px;
	padding: 0 10px;
    max-width: 90%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    border-radius: 3px;
	font-weight: bold;
}

button {
	animation: bgcoloring 20s infinite;
	color: #FFF;
    background: #FFF;
    border: none;
    padding: 20px;
	margin-top: 25px;
    width: 300px;
    max-width: 100%;
    font-weight: bold;
    font-size: 16px;
    border-radius: 3px;
}

table {
    direction: rtl;
    border: none;
	text-align: center;
}

td, th {
    border: 2px solid #FFF;
    padding: 10px;
    border-radius: 3px;
    margin: 5px !important;
    font-weight: bold;
}