<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

xform { margin: 1em 0; padding: 0.5em 1.5em; border: 0px solid #ddd; border-radius: 1.5em;
background: linear-gradient( to right, #fff, #eee );
background:; box-shadow: 2px 2px 5px rgba(128, 128, 128, 0.5);}

input, textarea, password, select, option, label
{
    font: inherit;
	color: #000;
	font-size: 1em;
}

input[type="button"], input[type="submit"], input[type="reset"] {
margin: 0.5em 0; padding: 0.3em 0.6em; border: 1px solid #777; border-radius: 8px; background: linear-gradient(#fff,#def); color: #444;
font-weight: bold; letter-spacing: 1px; cursor: pointer; box-shadow: 2px 2px 2px rgba(128, 128, 128, 0.4);}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {border: 1px solid #111; background: linear-gradient(#fff,#bdf); color: #000; }

input[type="text"], input[type="password"], select, textarea
{ margin: 0.4em 0; padding: 0.3em 0.5em; border: 1px solid #ccc; border-radius: 6px; outline: none; resize: vertical;
box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.4);}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover	{ border-color: #888; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus					{ border-color: #555; background: linear-gradient(#fff 50%,80%,#ffe) }
input[type="password"]	{text-align: center;}

option { font-size: 1em;}
input[type="checkbox"] { transform: scale(1.2); margin: 0px 4px; box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.8); }
label { padding: 4px 8px; border-radius: 4px; box-shadow: 2px 2px 2px rgba(128, 128, 128, 0.6);}

input.nagygomb {padding: 0.8em 0.5em; color: #234; letter-spacing: 2px; border: 1px solid #68a; background: linear-gradient(#bdf,#fff); }

</pre></body></html>