.title {
	font-size: 36px;
}

.wrapper {
	max-width:600px;
	text-align: center;
	font-family: 'Source Code Pro', monospace;
}

	/* Add a black background color to the top navigation */
.topnav {
    background-color: steelblue;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: lightskyblue;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: goldenrod;
    color: white;
}

body {
    font: normal 12px Verdana, Arial, sans-serif;
}

.columns {
	float:left;
	width:50%;
	margin-bottom: 12px;
}

.data-select {
	float:left;
	font-size: 24px;
	text-align: center;
	width:33%;
}

.dataset {
	margin-bottom: 96px;
	list-style-type: none;
}

.active:hover {
	color: #add8e6;
	cursor: pointer;
}

.active {
	cursor:default;
	opacity: 1;
}

.correctAnswer {
	color: #006600;
}

.incorrectAnswer {
	color: #ffa500;
}

.center {
	text-align: center;
}

.desc {
	font-size: 24px;
}

.blue-font {
	color: #3090C7;
	font-size: 24px;
}

.button {
  font-family: 'Source Code Pro', monospace;
  font-size: 16px;
}

.button:disabled {
	color: #d3d3d3;
}

body {
    font: normal 12px Verdana, Arial, sans-serif;
}
table, th, td {
	font-family: 'Arial', monospace;
	border-collapse: collapse;
	text-align:center;
	border: 1px solid black;
	font-size: 16px;
	table-layout: fixed;
	transition: all 1s ease;
}

table {
	width: 100%;
}

td {
	font-family: 'Arial', monospace;
	border: 1px solid black;
	font-size: 14px;
	height: 24px;
}

.grid {
	margin-bottom: 24px;
}

.patterns td{
	cursor: pointer;
}