/* css de la ventana para el botón */

button {

    padding: 10px 20px;

    margin-bottom: 20px;

    font-size: 16px;

    background-color: #242424;

    color: white;

    border: none;

   /* border-radius: 5px;*/

    cursor: pointer;

  }

  

  button:hover {

    background-color: #45a049;

  }

  

  /* css de la ventana emergente */

  .modal {

    display: none;

    position: fixed;

    z-index: 100000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0,0,0,0.4);

  }

  

  .modal-content {

    background-color: #fefefe;

    margin: 10% auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

    border-radius: 5px;

  }

  

  .close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

  }

  

  .close:hover,

  .close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

  }