
	body {
		font-family:Lucida Sans Unicode, sans-serif;
	}
	
	input[type=image] {
		width: 5em;
		border: 1px solid black;
		border-radius: 0.5em;
		background-color: #e2e2ff;
		padding: 0.5em;
		margin-right: 1.5em;
		margin-left: 1.5em;
	}
	
	input[type=image]:hover {
		background-color: #bbbbff;
		padding: 0em;
		width: 6em;
	}
	
	input[type=button] {
		font-size: large;
		font-family: Lucida Sans Unicode, sans-serif;	
		background-color: aliceblue;
		border: 1px solid black;
		border-radius: 4px;
		text-align: center;
		margin: 0.7em;
	}
	
	input[type=submit] {
		font-size: large;
		font-family: Lucida Sans Unicode, sans-serif;	
		background-color: aliceblue;
		border: 1px solid black;
		border-radius: 4px;
		text-align: center;
		margin: 0.7em;
	}
	
	input[type=text] {
		font-size: large;
		font-family: Lucida Sans Unicode, sans-serif;	
		background-color: aliceblue;
		border: 1px solid black;
		border-radius: 4px;
		text-align: center;
	}
	
	table { 
		width: 60%;
		text-align: center;
		margin: auto;
		border: 1px solid black;
		border-radius: 0.5em;
		padding: 1em;
		background-color: #f3f3f3;
	}
	
	#instrukciok { 
		text-align: left;
		padding: 1em;
		padding-bottom: 2em;
	}
	
	#cim {
		font-weight: bold;
		font-size: 200%;
		border:0px solid red;
		height: 2.0em;
		vertical-align: top;
	}
	
	#input{
		border:0px solid green;
		padding-bottom: 1em;
	}
	
	#ut{
		border:0px solid black;
		border-radius: 1em;
		text-align: center;
		height: 3.5em;
		padding: 1em;
		background-color: #d0d0d0;
		width: 90%;
		margin: auto;
		margin-bottom: 1em;
		display: flex;
		align-items : center;
		justify-content: center;
	}	
	
	#rajz{
		border:0px solid red;
	}
	
	@keyframes blinker {
		50% { opacity: 0;}
	}
	
	#dot{
		vertical-align: middle;
		margin-bottom: 0.25em;
		animation: blinker 1s step-start infinite;
		width: 1em;
		height: 1em;
		visibility: hidden;
			
	}



	
