.dew-point-calculator .container { max-width:400px;margin:auto;padding:20px;background:white;border-radius:10px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);} .dew-point-calculator h2 { color:#007bff;text-align:center;} .dew-point-calculator p { font-size:1.1em;margin-bottom:20px;} label { font-weight:bold;display:block;margin:15px 0 5px;} .input-group { display:flex;align-items:center;margin-bottom:15px;} input[type="number"], input[type="text"] { width:95%;padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:5px;font-size:1em;} input[type="text"] { background-color:#e9ecef;color:#495057;cursor:not-allowed;} select { padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1em;} .center-button { display:block;max-width:400px;margin:20px auto;padding:10px 20px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color 0.3s;} .center-button:hover { background-color:#0056b3;} .result, .details { margin-top:20px;padding:15px;border:1px solid #007bff;border-radius:5px;background-color:#f8f9fa;font-size:18px;line-height:1.8em;} .details { background-color:#e9ffe9;} .details strong { font-weight:bold;} @media (max-width:600px) { .input-group { flex-direction:column;margin-bottom:15px;} input[type="number"], input[type="text"] { margin-right:0;margin-bottom:10px;} }