html body {
  padding-top: 45px;
  padding-left: 0px;
}
.content {
  padding-left:75px;
}

.row {
  padding-left: 0;
}

#navbar ul {
  list-style: none;
  padding: 0;
  margin: 0px;
  background: transparent;
  overflow: hidden;
  color: White;
}

#navbar a {
  float: right;
  line-height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: White;
}

#navbar a:hover {
  background-color: #c71585;
}

#navbar li a {
  float: right;
  line-height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: white;
}

#navbar li a:hover {
  background-color: #c71585;
}

#navlink, #navlink:link, #navlink:visited, #navlink:active {
  color: white;
  font-size: 150%;
  font-family: Arial, Helvetica, sans-serif;
}

#navlink:hover {
  color: pink;
  box-shadow: inset 0 -2px 0 0 #fff;
}

.footbar {
  overflow: hidden;
  bottom: 0;
  width: 100%;
}

.footbar a {
  float: left;
  display: block;
  color: lightgray;
  text-align: center;
  padding: 1px 16px;
  text-decoration: none;
  font-size: 12px;
}

.footbar a:hover {
  color: gray;
}

/*lock button to lock a variable*/
.lockBtn {
  color: #EEEEEe;
  font-size: 100%;
  padding: 2px;
  margin-top: 2px
}

.lockBtn:hover {
  color: #337ab7;
}

.unitButton {
  background-color: #EEEEEE;
  border-radius: 4px;
}

.form-control {
  border-radius: 4px;
}

.form-control:focus {
  border-color: rgb(5,46,92);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(40,132,121,0.5);
  transition: 0.2s;
  background: rgba(199,21,133,0.08)
}

.equation {
  font-size: 110%;
  transition: 0.5s;
}

.equation:hover {
  font-size: 160%;
  transition: 0.5s;
  transition-delay: 1.5s;
}

table {
  font-family: 'Century Gothic',arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 125%;
}

tr:nth-child(even) {
  background-color: #efefef;
}