<!DOCTYPE html>
<html lang="en">
<title>BoardStyle.css</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
body{background-color:#FFFFFF; color:#000333;}


h1{color:#000333; text-align: center; font:18px Arial;}
h2{color:#ff0000; margin-bottom:100px; text-align: center; font:18px Arial;} 
h3{color:#000333; margin-top:50px; text-align: center; font:18px Arial;}
h4{color:#000333; text-align: center; font:14px Arial;}
h5{color:#ff0000; margin-bottom:50px; text-align: center; font:18px Arial;}
h6{color:#000333; margin-bottom:100px; text-align: center; font:15px Arial;}
span {span display:inline; width:100px; word-wrap:break-word; white-space: pre-wrap;}


#time{color: #000333; text-align: left; margin-left: 250px; display: block; font-weight: normal;}

#no_time {color: #000333; text-align: left; margin-left: 280px; display:block; font-weight: normal;} 

#Letters {color: #000333; text-align: left;margin-left: 295px; display:block; font-weight: normal;}

#Numbers  {color: #000333; text-align: left;margin-left: 315px; display:block; font-weight: normal;}

#menu  {color: #000333; text-align: left;margin-left: 15px; display:block; font-weight: Strong;}

</style>