body {
    background-color: hwb(210 0% 43%); 
    padding: 25px;

    padding-left: 0px;
    margin-left: 2px;
  
    font-family: 'Courier New', Courier, monospace; 
  }
  


  .terminal {
    position:relative;

    width: 80%;
    max-width: 900px;
    min-width: 410px;
    margin: 100px auto;
    margin-top: 50px;
    background-color: #cacaca; 
    box-shadow: 10px 15px #000; 
    color: #000;
    outline:solid 1px  black;
    outline-offset:-10px;  
    
  }
  
  .message-box {
    padding: 40px;
    padding-top: 1px;
    /* Remove the solid border */
    border: none;

  }
  
  .titleback {
    position:relative;
    margin-left: 150px;
    margin-right: 150px;
    padding-top: -10%;
    background-color: #cacaca;
    border-left: 1px solid black ;
    border-right:  1px solid black ;
  }

  .title {
    color: rgb(170, 33, 33);
    padding-top: 5px;

    font-size: 14px;
    margin-bottom: 10px;

    text-align: center; /* Center the title */
  }
  



  .content ul {
    list-style-type: none;
    padding: 0;
    
}

.content ul li {
    cursor: pointer;
    padding: 5px 10px;
    margin-right: 100px;
    margin-left: 100px;
}


.option:hover, .option.selected {
    background-color: #ae0000; /* Red highlight */
    color: #cacaca; /* White text for hovered option */
}