code {
    font-family: monospace;
    color: blue;
    transform: perspective(800px) rotateX(20deg);
   
  }
  
  pre {
    margin: 10px;
    font-size: 1.5em;
    transform: perspective(800px) rotateY(-20deg);
  }
  body {
    background-image: url('https://lumenet.com.mx/wp-content/uploads/2023/04/Screenshot-2023-04-11-at-3.08.01-PM.png');
    background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
    color: white;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; /* Borde de las letras negro */
}

#lumenet {
  margin: auto;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}




  form {
    text-align: center;
    perspective: 800px;
    margin: 25px auto;
    padding: 20px;
    border: 5px solid #0e469a;
    width: 800px;
    background: #003153;
  border-radius: 2em;
padding: 20px;
  box-shadow: 
       inset 0 -3em 3em rgba(0,0,0,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);

  }
  

  #form-autenticacion {
    position: absolute;
    width: 270px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
 
  input[type="submit"] {
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
    color: white;
    margin: 0 auto;
    width: 150px;
    height: 50px;
    font-size: 1.5em;
    background-image: linear-gradient(10deg, rgb(19, 50, 116), rgb(57, 44, 240), rgb(59, 59, 131));
}

#logoutButton {
  position: fixed;
  top: 10px;
  right: 10px;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  color: white;
  margin: 0 auto;
  width: 150px;
  height: 50px;
  font-size: 1em;
  background-image: linear-gradient(10deg, rgb(19, 50, 116), rgb(57, 44, 240), rgb(59, 59, 131));
}

#Repetir {
 
  box-shadow: 3px 3px 3px #000000;
  color: white;
  margin: 0 auto;
  background-image: linear-gradient(10deg, rgb(19, 50, 116), rgb(57, 44, 240), rgb(59, 59, 131));
}

  #prompt {
    background-color: #ADD8E6;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 3px 3px 3px #000000;
    transform: translate3d(0, 5px, 0) scale(0.9);
}