body {
	font-family: 'Autour One', cursive;
	background-image: url('pozadie.jpg');
}

h1, h2 {text-align: center;}
footer{text-align: center;}
input {width: 20px;}
td {text-align: center;}

#main-container {
	border: 4px solid #041b3a;
	border-radius: 20px;
	box-shadow: -5px 5px 10px #888888;
	background-color: #f0f1f9;
	padding: 10px;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#inputTable {
	margin-left: 20px;
	border: 1px dotted black;
	border-radius: 5px;
}

#resultArea{
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	overflow: auto;
}

#resultTable {
	visibility: hidden;
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
}
#resultArea tr:nth-child(even) {color: #013af4; border-color: black;}
#resultArea tr:nth-child(odd) {color: #6e0da6; border-color: black;}
#resultArea td {min-width: 50px; border-color: black;}
#resultArea th {color: #00badb; border-color: black;}