@font-face { 
  font-family: "MIFUENTE"; 
  src: url("Web437_IBM_VGA_9x16.woff") format("woff");
}

body { 
  font-family: "MIFUENTE"; 
  color: rgb(255, 255, 255); 
  background-image: url("imagebg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.contenedor {
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
  border-style: dashed;
  border-color: white;
  background-color: rgba(0, 0, 0, 0.3);
}
h1 {
  font-family: arial;
  font-size: 4em; 
}
.yellow {
  color: yellow;
}
.green {
  color: lightgreen;
  font-family: arial;
}
section {
  margin: 10px;
  padding: 10px;
  border-style: dotted;
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
}
.offset {
  margin-left: 70px;
  text-align: end;
}
.centrado {
  text-align: center;
}
.imagen1 {
  max-width: 100px;
}
.cajaizq {
  width: 60%;
}
.cajader {
  width: 30%;
  margin-left: 65%;
}
.alineado {
  display: flex;
}
/*NOTA.*/