* {
	margin: 0;
	padding: 0;	
}

body { 
	background-color: #231f20;
	font-family: 'courier new','Lucida Console', monospace;
	font-size:100%;
	color: #d8d8d8;
	
}


#main{

        min-width: 500px;
	
}

#header{
        margin: 0 auto;
	
}

p.hh{
        text-align:center;
        font-size:1.8vw;
        margin: 0 auto;
        font-weight:normal;
}




 .block {
	margin: 0 auto;
	width: 25%;
	height: auto;
	aspect-ratio:1/1;
	background-color:#000000;
	border: 5px solid #d8d8d8;
	text-align: center;

}

table {
	margin: 0 auto;
	font-size: 1.2vw;
	border-spacing:2.4vw;
	display: inline-block;
	vertical-align: middle;
	
}
td {
	padding:1vw;
}

.canvasjs-chart-credit {
pointer-events:none;
cursor:default;
color:black !important;
}


#time
{
text-align:center;
padding-top:5vw;
}

#chartContainer{
margin: 0 auto;
padding-top:8vw;
}

@media screen and (max-width: 1500px) {
	p.hh {
    		 font-size:6vw;
 	 }
	#time {
	font-size:4vw;
	padding-top:25vw;
	}
	#sig {
	font-size:4vw;
	}
	table {
		font-size:6vw;
		border-spacing:8vw;
		
	}
	#tdp{
		
		padding-right:2vw;
		
	}
	div.block {
		width:80%;
	}
	#header{
		margin-bottom:3vw;
	}
}