body {
    background-color: rgb(15, 21, 33); 
}

p {
  color: white;
      text-align: center

      

}

 h , h1, h2{
  color: white; 
  

        }
        
pre {
  color: white; 
      

}

.outer {
  border: 5px solid black;
}

.box {
  padding: 10px;
  width: calc(98% + 4px);
  background-color: rebeccapurple;
  color: Black;
  font-weight: bold;
  text-align: center
}


.outer1 {
  border: 5px solid black;
}

.box1 {
  padding: 10px;
  width: calc(98% + 4px);
  background-color: Violet;
  color: Black;
  font-weight: bold;
  text-align: center
}


.ascii-container {
  width: max-content; 
  margin: 0 auto; 
}




table {
    width: 80%; /* Set table width */
    border-collapse: collapse; /* Collapse borders between cells */
    margin: 20px auto; /* Center the table and add margin */
    font-family: Arial, sans-serif;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

td {
    background-color: Azure;
}


th, td {
    border: 1px solid #ddd; /* Add borders to cells */
    padding: 10px;
    text-align: center
}

th {
    background-color: SlateBlue;
    color: Black;
    font-weight: bold;
}