body 
{
  background-color: #F1F1F1;
  padding: 0px;
  margin: 0px;
  font-family: "Roboto", sans-serif;
}

.upperBar 
{
  padding:20px;
  padding-left: 40px;
  background-color: #35742b;
  margin: 0px;
}

.menuBar 
{
  padding:1px;
  background-color: #444444;
  margin: 0px;
}

.menuBar h1
{
  text-align: center;
  color: white;
	font-size: 3em;
}

.logo
{
  width: 30em;
  max-width: 40%;
}

.button {
  background-color: #35742b;
  border: none;
  color: white;
  padding: 0px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 4px 2px 2px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  border-radius: 2px;
}

.resetbutton {
  background-color: #444444;
  border: none;
  color: white;
  padding: 0px 32px 0px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2em;
  margin: 50px 0px 0px 0px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  border-radius: 2px;
  visibility: hidden;
}

.content
{
  text-align:center;
}

.container
{
  height:250px;
  margin-top:30px;
}

.left
{
  float:left;
  width:50%;
  
}

.right
{
  float:right;
  width:50%;
}

.leftalign
{
  text-align: left;
  margin-left:10px;
}

.leftalignspace
{
  text-align: left;
  margin-left:27px;
}

.rightalign
{
  text-align: right;
  margin-right:10px;
}

h2
{
  text-decoration: none;
  font-size: 4em;
}