body {
    margin: 0;
    font-family: Arial, sans-serif;
  }
  
  /* Elemento relativo pa que no se me olvide */
  .contenedor-relativo {
    position: relative;
    background-color: #d1e7dd;
    padding: 20px;
    margin: 50px;
    border: 2px solid #0f5132;
  }
  
  /* Elemento absoluto (se posiciona respecto al relativo más cercano)esto es mas dificil u.u */
  .absoluto {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #cff4fc;
    padding: 10px;
    border: 2px solid #055160;
  }
  
  /* Elemento fijo (se mantiene en pantalla aunque hagas scroll) al menos se intento pero easy*/
  .fijo {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #f8d7da;
    padding: 15px;
    border: 2px solid #842029;
    z-index: 1000;
  }
  /*tanto codigo que me mate pa nada no sirvio esa baina primer fallo esto no se me da T.T */