.loginArea {
	background: #18334b;
	border-radius: 16px;
}
.textboxIcon {
	background: linear-gradient(rgb(224, 224, 224) 0%, rgb(224, 224, 224) 100%);
}

.loginForm button {
	background: linear-gradient(rgb(255, 230, 128) 0%, rgb(255, 213, 43) 3%, rgb(255, 204, 0) 5%, rgb(246, 195, 0) 30%, rgb(205, 156, 1) 84%, rgb(197, 149, 1) 100%);
}
.loginForm button:hover {
	background: linear-gradient(rgb(197, 149, 1) 0%, rgb(205, 156, 1) 16%, rgb(246, 195, 0) 70%, rgb(255, 204, 0) 95%, rgb(255, 213, 43) 97%, rgb(255, 230, 128) 100%);
}
.customBackground
{
	background: linear-gradient(rgb(255, 230, 128) 0%, rgb(255, 213, 43) 3%, rgb(255, 204, 0) 5%, rgb(246, 195, 0) 30%, rgb(205, 156, 1) 84%, rgb(197, 149, 1) 100%);
}

.loginButton_gradient
{
  background: linear-gradient(to bottom, #ffe680 0%,#ffd52b 3%,#ffcc00 5%,#f6c300 30%,#cd9c01 84%,#c59501 100%);
  background-image: linear-gradient(rgb(255, 230, 128) 0%, rgb(255, 213, 43) 3%, rgb(255, 204, 0) 5%, rgb(246, 195, 0) 30%, rgb(205, 156, 1) 84%, rgb(197, 149, 1) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}
.loginButton_gradient:hover
{
    background: #c59501;
    background: -webkit-linear-gradient(top,  #c59501 0%,#cd9c01 16%,#f6c300 70%,#ffcc00 95%,#ffd52b 97%,#ffe680 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c59501), color-stop(16%,#cd9c01), color-stop(70%,#f6c300), color-stop(95%,#ffcc00), color-stop(97%,#ffd52b), color-stop(100%,#ffe680));
}