body
{
	background: #0A0E14;
	color: white;
	font-family: Times New Roman, sans-serif;
	font-size: 20px;
}
div
{
	
	background: black;
	color: white;
	width: 70% ;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 20px;
}
p
{
	margin-top:0px;
}
h1
{
	padding-bottom: 25px;
	text-align: center;
	font-size: 24px;
}
h2
{
	text-align: left;
	font-size: 24px;
}
a, button
{
	background-color: #0A0E14;
 	color: white;
  	padding: 1em 1.5em;
	display: block;
	text-align: center;
	font-size: 20px;
	width: 400px;
	margin: 20px auto;
	padding: 30px;
	text-decoration: none;
	border: 1px solid #ffffff;
}
table
{
	overflow-x:auto;
	width: 80%;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid white;
}
form
{
	padding-bottom: 15px;
}
td
{
	padding: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100px;
}
th
{
	padding: 15px;
	text-decoration: underline;
	text-align: center;
}
input[type=submit]
{
	background-color: #0A0E14;
 	color: white;
  	padding: 1em 1.5em;
	display: block;
	text-align: center;
	font-size: 20px;
	width: 200px;
	margin: 20px auto;
	padding: 30px;
	text-decoration: none;
	border: 1px solid #ffffff;	
}
canvas
{
	margin-left: auto;
	margin-right: auto;
	background:#000000;
	padding-left: 0;
    padding-right: 0;
    display: block;
}
#new
{
	text-align: center;
	display:block;
}
#settings, #weekButton, #weekSubmit, #showParagraph
{
	background-color: transparent;
	color: white;
	font-family: Times New Roman, sans-serif;
	font-size: 20px;
	border: 0px;
	padding: 0em;	
	margin: 0px;
	display: inline;
}
#settings
{
	color:lightblue;
	text-decoration: underline;
}
#weekButton, #weekSubmit
{
	color: lightblue;
	text-decoration: underline;
	width: 100px;
}
#weekSubmit, #weekNumber, #weekParagraph, #form
{
	display: none;
}
#weekForm
{
	margin-left:10%;
}
#title
{
	text-decoration: underline;
	font-size: 50px;
}

/* width */
::-webkit-scrollbar {
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #0A0E14;

}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #103657;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #06223B;
}