User:LaluShi/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Calculator container */
.calculator-container {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    width: 300px;
}

/* Label styles */
.calculator-container label {
    display: block;
    margin-bottom: 5px;
}

/* Input field styles */
.calculator-container input[type="number"],
.calculator-container select {
    width: calc(100% - 10px); /* Subtract padding */
    padding: 5px;
    margin-bottom: 10px;
}

/* Button styles */
.calculator-container button {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
}

/* Result paragraph styles */
.calculator-container #result {
    font-weight: bold;
}