style.css

body {
    font-family: 'Courier New', Courier, monospace;
    background-color: #1e1e1e;
    color: #ffffff;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 600px;
    margin: auto;
    background-color: #2c2c2c;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

h1, h2 {
    color: #00ff00; /* Bright green for headers */
}

.wallet-info,
.sell-order {
    margin-bottom: 20px;
}

label {
    display: block;
    margin-bottom: 5px;
}

input[type="text"],
input[type="password"],
input[type="number"] {
    width: calc(100% - 22px);
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #3c3c3c;
    color: #ffffff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
    outline: none;
    border: 2px solid #00ff00; /* Green border on focus */
}

button {
    background-color: #00ff00; /* Green button */
    color: #000000; /* Black text */
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #009900; /* Darker green on hover */
}

#sellOrders {
    background-color: #3c3c3c; /* Background for sell orders */
    padding: 10px;
    border-radius: 4px;
}

#message {
    margin-top: 20px;
    font-family: 'Courier New', Courier, monospace; /* Terminal font style */
}

/* Tahcoin Information Styles */
.tahcoin-info {
    background-color: #4a4a4a; /* Darker background for info section */
    padding: 15px;
    border-radius: 8px;
}

.tahcoin-info h2 {
    color: #00ff00; /* Bright green for headers */
}

/* Day/Night Mode Toggle Styles */
.mode-toggle {
    position: absolute; /* Position it at the top right */
    top: 20px; 
    right: 20px; 
    cursor: pointer; 
}

.light-mode {
   background-color: #ffffff; /* Light background */
   color: #000000; /* Dark text */
}

.light-mode .container {
   background-color: #f0f0f0; /* Lighter container */
   color: #000000; /* Dark text inside container */
}

.light-mode .tahcoin-info {
   background-color: #e9e9e9; /* Lighter container */
}

.light-mode #sellOrders {
   background-color: #e9e9e9; /* Lighter container */
}

.light-mode input[type='text'],
.light-mode input[type='password'],
.light-mode input[type='number'] {
   background-color: #e0e0e0; /* Lighter input fields */
   color: #000000; /* Dark text in input fields */
}