.calculator-container {
width: 600px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
h2 {
text-align: center;
}
label {
display: block;
margin-bottom: 5px; }
input[type="text"], select {
width: 100%;
padding: 20px; margin-bottom: 15px; border: 10px solid #ddd;
border-radius: 4px;
font-size: 16px; box-sizing: border-box; color: #333; }
select {
appearance: none; background-color: white; cursor: pointer;
}
button {
width: 100%;
padding: 10px;
background-color: #87CEFA; color: white;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #00BFFF; }
.result-item {
margin-top: 50px;
font-size: 20px;
}
.result-label {
font-weight: bold;
}