* {
		  box-sizing: border-box;
		}

            body {
		    font-family: DFKai-sb,Arial, Helvetica, sans-serif;
		}
	
        article {
			width: 70%;
			height: auto;
		}
		
		td.tdheader{
		   font-size:50px;
		   text-align: center;
		   color: blue;
		}
				
		th.thtitle{
		   border: 1px solid black;
		   border-collapse: collapse;
		   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
		   font-size:20px;
		   text-align: center;
		   color: white;
		   background-color:#ff8040;
		}
		td.tdcol1{
		   border: 1px solid black;
		   border-collapse: collapse;
		   font-size:18px;
		   text-align: center;
		   color: black;
		   width:5%;
		}
		td.tdcol2{
		   border: 1px solid black;
		   border-collapse: collapse;
		   font-size:18px;
		   text-align: left;
		   color: black;
		   width:20%;
		}
		td.tdcol21{
		   border: 1px solid black;
		   border-collapse: collapse;
		   font-size:18px;
		   text-align: left;
		   color: black;
		   width:2%;
		}
		td.tdcol3{
		   border: 1px solid black;
		   border-collapse: collapse;
		   font-size:18px;
		   text-align: right;
		   color: black;
		   width:8%;
		}
		td.tdcol4{
		   border: 1px solid black;
		   border-collapse: collapse;
		   font-size:18px;
		   text-align: left;
		   color: black;
		   width:20%;
		}
		tr:nth-child(even) {
		  background-color: #46f997;  /*#dddddd;*/
		}
		
		#person{
		   font-size:20px;
		   text-align: center;
		   color: black;
		}
		#person1{
		   font-size:20px;
		   text-align: center;
		   color: red;
                }
				
		/* Style the footer */
		footer {
		  background-color: #9f9f9f;
		  padding:0.01px;
		  font-size:15px;
		  text-align: left;
		  color: white;
		}
		/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
		@media (max-width: 600px) {
		  article {
			width: 100%;
			height: auto;
		}