#Canvas {
    border: 1px solid #888888;
    margin: 10px;
    
}

#settings {
    border: 1px solid #888888;
    margin:10px;
    width: 600px;
    float: right;
}

#log-title {
    border: 1px solid #888888;
    margin:10px;
}

#wrapper{
    width: 1250px;
    margin: 0 auto;
}

a {
  color: #268bd2
}
body {
    font-family: serif;
    background-color: #333333;
    color: #d3d3d3;
    font-size: 17px;
    margin: 1;
}

/* Styling for h3 with smaller bottom margin */
h1, h4 {
    margin-bottom: 0; /* Reduce gap below the h3 */
    color: #F08080;
}

table {
    width: auto; /* Use auto width, allowing table to fit content */
    max-width: 90%; /* Set a maximum width for larger screens */
    border-collapse: collapse; /* Merge borders for a cleaner look */
}

th, td {
    padding: 12px; /* Add padding for better spacing */
    text-align: left; /* Align text to the left */
    border: 1px solid #444; /* Dark border for better visibility against charcoal */
}

th {
    background-color: #444444; /* Dark background for header */
    color: #ffffff; /* White text for header */
}

tr:nth-child(even) {
    background-color: #555555; /* Slightly darker gray for even rows */
}

ul {
  list-style-type: none;
}