styles.css

@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,400italic,700,700italic|Merriweather:400,400italic,700,700italic&subset=latin,latin-ext);

body {
  font-family: "Merriweather", serif;
}

h1, h2 {
  color: #001f3f;
}

h3, h4, h5, h6 {
  color: #3D9970;
}

a {
  color: #001f3f;
}

hr {
  margin: 30px 0;
  clear: both;
}

li {
  margin: 1em 0;
}

.hide {
  display: none
}

img {
  max-width: 100%;
}

.content {
  max-width: 60em;
  width: 100%;
  padding: 1em;
  margin: 0 auto;
}

canvas {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mm {
  position: relative;
  width: 100%;
  font-family: "Merriweather Sans", sans-serif;
}

input[type="number"] {
  border: none;
  height: 100%;
  background: rgba(255,255,255,0.5);
  padding-left: 10px;
  padding-right: 0;
}

.mm-ui {
  font-size: 12px;
}

.mm-ui div {
  margin-bottom: 10px;
}

.mm table {
  /* width: 640px; */
  /* border-collapse: */
  collapse; border-spacing: 0;
  color: #fff;
}

.mm caption {
  padding: 10px;
}

.mm td, th {
  /* border-bottom: 1px solid #CCC; */
  /* border-top: 1px solid #CCC; */
  height: 30px;
  width: 50px;
  text-align: center;
}

.mm tr:first-child td {
  height: 20px;
}

.mm th {
  /* background: #F3F3F3; /1* Light grey background *1/ */
  font-weight: bold; /* Make sure they're bold */
}

.mm td {
  padding: 10px 5px;
}

.mm-container {
  float: left;
  /* width: 100%; */
  /* height: 100%; */
}

.mm-matrix {
 float: left;
 width: 33%;
}

.MathJax_Display {
  text-align: left !important;
}