.body {
  background-color: green;
  font-size: 2.5em;
  font-family: sans-serif;
  color: #ddd;
}

.flex-container {
  display: flex;
  flex-direction: column;
}

.cajaizquierda {
  display: flex;
  flex-direction: row;
  justify-content: left;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: secondary;
  margin: 0px;
  padding: 15px;
  /*flex-basis: 0;*/
  flex-grow: 999;
  width: 1360px;
  height: 667px;
}


.cajaizquierdacelu {
  display: flex;
  flex-direction: row;
  justify-content: left;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: secondary;
  margin: 0px;
  padding: 15px;
  /*flex-basis: 0;*/
  flex-grow: 999;
  width: 384px;
  height: 520px;
}

.cajacentro {
  display: flex;
  flex-direction: row;
  justify-content: center;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: white;
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
/*  width: 1360px;*/
}

.cajacentrogris {
  display: flex;
  flex-direction: row;
  justify-content: center;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: #5d6d7e;
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
/*  width: 1360px;*/
}

.cajaderecha {
  display: flex;
  flex-direction: row;
  justify-content: right;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: secondary;
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
  width: 1360px;
  height: 667px;
}


.cajaderechacelu {
  display: flex;
  flex-direction: row;
  justify-content: right;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: secondary;
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
  width: 384px;
  height: 520px;
}


.cajacentrooro {
  display: flex;
  flex-direction: row;
  justify-content: center;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: #16a085;
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
  /*width: 1360px;*/
}

.cajacentroverde {
  display: flex;
  flex-direction: row;
  justify-content: center;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: #008979; 
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
/*  width: 1360px;*/
}

.cajacentromarr {
  display: flex;
  flex-direction: row;
  justify-content: center;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;


  border: 0px solid rgb(70, 69, 69);
  background-color: #723d1b; 
  margin: 0px;
  padding: 5px;
  /*flex-basis: 0;*/
  flex-grow: 999;
/*  width: 1360px;*/
}


.cajacontenido {
  display: flex;
  flex-direction: row;

  font-family: 'Courier New', Courier, monospace;
  font-size: 24px;
  color: white;

  width: 480px;

}


.body.fondooro {
  background-color: #9c640c;
}

.body.fondoverde {
  background-color: #0b5345;
}