body {
background-color:#773C59;
}

p {
font-size: 120%;
font-family: "Comic Sans MS", cursive, sans-serif;
font-weight: bold;
text-align: center;
color:#25005C;
}

#pinakas {
width:32%;
height:53%;
padding:0;
font-family: "Comic Sans MS", cursive, sans-serif;
}
#pinakas th{
background-color:#25005C;
font-size: 120%;
color:#E6CCFF;
}
#pinakas td {
text-align:center;
background-color:#E6CCFF;
color:#25005C;
font-size: 110%;
}

#eggrafi {
text-align:right;
font-size: 120%;
}

#input {
	border: 1px solid #25005C;
	font-size:75%;
}

#button {
	background-color: #25005C;
	color: #E6CCFF;
	font-size:80%;
	font-family: "Comic Sans MS", cursive, sans-serif;
}

#button:hover {
	background-color: #0093C4;
}

.error {
color: #FF0000;
font-size: 80%;
}

#time {
	color:#FFFF91;
}

#notime {
	color: #FF8080;
}

#date {
	color:#FFFF91;
	text-align:right;
	font-size:110%;
	font-weight: bold;
}