	nav{
		font-size: xx-large ;
		text-align: center;
		font-weight: bolder;
		margin: 7px;
	}
	body{
		margin: 0;
		max-width: 950px;
		min-width: 530px;
		margin-left: auto;
		margin-right: auto;
	
	
	}
	span {
		margin: 0;
		padding: 0;
	}
	
	hr{
	
	
		margin: 7px;
		width: 100%;
		border: 1px solid;
		text-align: center;
	}
	
	h2{
		margin: 10px;
	}

	table.clock_table {
		border-collapse: separate;
		border-spacing: 0;
		  text-align: center;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin : 0;
		font-size: 20px;
	}
	
	table.clock_table caption{
		margin : 0;
		width: auto;
		padding: 10px;
		font-weight: bold;
		vertical-align: center;
		text-align: center;
		font-size: 25px;
		text-decoration: underline;
	}
	
	table.clock_table th {
		width: 150px;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		background: #eee;
	}
	table.clock_table td {
		width: 350px;
		padding: 10px;
		vertical-align: top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	
	}
	.graph {
		margin: 0;
		padding: 4px;
		margin-left: auto;
		margin-right: auto;
		
		width: 950px;
		border: 2px solid black;
		align-content: center;

	}	

	.find_0 {
	
		margin: 0;
		padding: 4px;
		width: 950px;
		
		font-size: 0;
		vertical-align: center;
		border: 2px solid black;
		align-content: center;
		
	
	
	}
	
	.find_1 {
		display: inline-block;
		vertical-align: top ;
	
		height: 120px;
	
		
		text-align: center;
		margin: 0;
		padding: 3px;
		font-size: 23px;
	
		
	}
	.find_2 {
		display: inline-block;
		vertical-align: top;
	
		margin: 0;
		padding: 3px;
	
		width: 87%;
		font-size: 22px;
	}
	.find_3 {
		vertical-align: top;
		width: 100%;
	
		text-align: center;
		font-size: 22px;
	
		margin: 0;
		padding: 0;
		
	
	}
	
	
	p {
		margin: 0px;
		padding: 0px;	
	}
	input {
	
		padding: 0;
		margin: 0;
		font-size: 16px;
	
	}
	form {
		text-align: center;
		vertical-align: top;
		margin: 0;
		padding: 0;
	
	}
	
	.button {
	
		padding: 0;
		margin: 2px;
		height: 65px;
		width: 120px;
		font-size: 22px;
		background-color: rgb(42, 235, 225);
	
	}

	.button:hover {

		background-color: hotpink;
	}

	.title {
		text-align: center;
		margin: 0 auto;
	}



	.date_in {
		text-align: center;
		margin: 0 auto;

	}

	.data_in_1 {
		text-align: center;
		margin: 0 auto;
	
		padding: 5px;
		font-size: xx-large;
		font-weight: bolder;
		width: auto;
	}

	.data_in_2 {
		text-align: center;
		line-height: 30px;
		padding: 5px;
		font-size: xx-large;
		font-weight: bolder;
		border: solid 2px;

	}

