body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:0;padding:0}.inlinecalculators{margin-top:20px}.label-row{display:flex;justify-content:center}.inputs{display:flex;flex-direction:column;align-items:flex-end}.action-inp,.history-inp{width:300px;height:40px;font-size:20px;text-align:right;padding:5px 10px;margin-bottom:10px;border:1px solid #ccc}.buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px}button{width:60px;height:60px;font-size:20px;background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#e0e0e0}.equal{background-color:#f0c040;color:white}.equal:hover{background-color:#d0a030}button[data-type=backspace],button[data-type=clean-entry],button[data-type=clean]{background-color:#f08080;color:white}button[data-type=backspace]:hover,button[data-type=clean-entry]:hover,button[data-type=clean]:hover{background-color:#e06060}button[data-type=negate],button[data-type=num-action],button[data-type=number],button[data-type=operation],button[data-type=percent]{background-color:#a0a0a0;color:white}button[data-type=negate]:hover,button[data-type=num-action]:hover,button[data-type=number]:hover,button[data-type=operation]:hover,button[data-type=percent]:hover{background-color:#808080}.contents{margin-top:20px;text-align:center}.contents h2{font-size:24px;margin-bottom:10px}.contents p{font-size:16px;line-height:1.5}.footer{margin-top:20px;text-align:center}.footer p{font-size:14px;color:#666}.container{max-width:400px;margin:50px auto;padding:20px}.header{text-align:center;margin-bottom:20px}.header h1{font-size:24px}.calculator-form{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.input-row{display:flex;justify-content:space-between;margin-bottom:15px}.input-row input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.button{padding:15px;border:none;border-radius:8px;cursor:pointer;background-color:#007bff;color:#fff;font-size:20px}.button:hover{background-color:#0056b3}.button.operator{background-color:#ff5722}.button.operator:hover{background-color:#d84315}.result{font-size:24px;margin-top:20px;text-align:right}.row-vans-bottom{border:none}.form-container{max-width:400px;margin:0 auto;padding:20px;display:flex;flex-direction:column;border:none;background-color:#d7e0e4;box-shadow:inset 0 0 25px rgba(0,30,50,.06);border:1px solid rgba(195,195,195,.8);border-radius:1rem}div.rec-w{padding:30px 15px;max-width:800px;background:none;margin:0 auto}body{background-color:#fff}.inputs{border:1px solid rgba(195,195,195,.8);border-radius:.5rem}.buttons,.inputs{padding:.3rem;background-color:#fff}.buttons{border:1px solid rgba(195,195,195,.8);border-radius:.3rem;background-color:#d7e0e4;box-shadow:inset 0 0 25px rgba(0,30,50,.06)}button{width:100%;height:40px}div.topformdesc>p{margin-bottom:10px}section.topform{padding-bottom:5px}.colors,.header-color{background-color:#fff}.colors{padding-top:5px}