article input{
	border: 2px solid var(--border-color);
	padding: 10px;
	border-radius: 8px;
	color: var(--text-color-dark);
	text-decoration: none;	
	font-size: 16px;
	width: 60%;
	margin-bottom: 10px;
}

 article input[type=submit],
 article .button,
 article button{
	width: 200px;
	background-color: var(--accent-color-1);
	border: 2px solid var(--accent-color-1);
	padding: 10px;
	border-radius: 8px;
	color: var(--text-color-light);
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

 article input[type=submit]:hover,
 article .button:hover,
 article button:hover{
	background-image: linear-gradient(to right, var(--accent-color-1), #0E70C0, var(--accent-color-1));
}

 article button:disabled{
	background-color: var(--border-color) !important;
	border-color: var(--border-color) !important;
	color: var(--text-color-dark);
}


 article select{
	border: 2px solid var(--border-color);
	padding: 10px;
	border-radius: 8px;
	color: var(--text-color-dark);
	text-decoration: none;	
	font-size: 16px;
	width: 60%;
	margin-bottom: 10px;
}

 article #fieldscon input{
	width: 100%;
}

form{
	text-align: left;
}

form div{
	text-align: left;
}



form textarea{
	border: 2px solid var(--border-color);
    border-radius: 8px;
	padding: 10px;	
	width: 100%;
	height: 250px;
	margin-bottom: 10px;
}