@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body 
  *{ box-sizing: border-box;}

  body {
    background-color:#708090;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    margin: 2px;

    color: #fff9f9;
    text-align: center;

  }


h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;
}
#herreraone{
  position: relative;
  width: 300px;
height: 300px;
  background-color: #c9bab2;
margin: auto;}
#boxone{
  position: absolute;
  left:40px;
  top:100px;
  width: 110px;
  height: 90px;
  background-color: #026e42;}
#herreratwo{
  position: absolute;
  right: 0px;
  width: 150px;
  height: 300px;
  background-color: #006341;
  margin-right: auto;}
#boxtwo{
  position: absolute;
  right:40px;
  top:100px;
  width: 110px;
  height: 90px;
  background-color: #d4c7c3;}