html{
  padding-bottom: 400px;
}

h1{
  font-size: 3em;
}

body{
  max-width: 1000px;
  margin: auto;
  text-align: center;
  background-color: #DBD7D2;
}

.navbar{
  text-align: center;
}

.navbar ul{
  display: inline-block;
  text-align: left;
  padding: 0;
  margin: 0;
}

.navbar li{
  font-size: 1.5em;
  list-style-type: none;
  float: left;
  padding: 0px 50px 0px;
}

hr{
  margin-top: 1em;
  margin-bottom: 1em;
}

.even, .odd{
  min-height: 300px;
  text-align: left;
}

.main{
  min-height: 300px;
  text-align: left;
}

.main img{
  width: 250px;
  padding: 24px;
}

.main:nth-child(even) img{
  float: right;
}

.main:nth-child(odd) img{
  float: left;
}

.main p{
  text-align: left;
  font-size: 1em;
}