/* Define o estilo global para ocupar a largura total da tela */ body, html { margin: 0; padding: 0; width: 100%; height: 100%; background-color: #d6f0e5; /* Cor de fundo principal */ } /* Define o contêiner principal */ .container { width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #004d40; /* Cor de fundo do contêiner central */ } /* Estilo para o formulário da calculadora */ .calculadora { width: 90%; /* Ajuste para responsividade */ max-width: 400px; background-color: #ffffff; padding: 20px; border-radius: 8px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } button { width: 100%; background-color: #25D366; color: #ffffff; border: none; padding: 10px; font-size: 16px; border-radius: 5px; cursor: pointer; } button:hover { background-color: #128C7E; }