.header {
  padding: 10px;
  position: relative;
  background-color: #cf2222;
  color: rgb(44, 18, 190);
}

.titulo {
  padding: 10px;
  border: #4f2;
  border-style: solid;
  border-radius: 10px;
  width: 45%;
  height: 100px;
  position: relative;
  left: 0px;
  top: 0px;
}

.menu {
  padding: 10px;
  border: rgb(131, 4, 4);
  border-style: solid;
  border-radius: 10px;
  width: 45%;
  height: 100px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.main {
  box-sizing: 100px 100px;
  position: absolute;
  background: #9fe;
  color: #4f2;
}

.caja1 {
  padding: 10px;
  position: relative;
  background-color: #cf2222;
  color: #9fe;
  top: 20px;
  left: 30px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border-width: 4px;
  border-color: #4f2;
}

.caja2 {
  padding: 10px;
  position: relative;
  background-color: #791ccf;
  color: #9fe;
  top: -50px;
  left: 120px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border-width: 4px;
  border-color: rgb(183, 10, 10);
}

.caja3 {
  padding: 10px;
  position: relative;
  background-color: #0a9a3c;
  color: #9fe;
  top: -120px;
  left: 210px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border-width: 4px;
  border-color: rgb(183, 10, 10);
}

.caja4 {
  padding: 10px;
  position: relative;
  background-color: #ea910c;
  color: #9fe;
  top: -190px;
  left: 300px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border-width: 4px;
  border-color: rgb(183, 10, 10);
}