.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.input-field {
width: 200px;
display: flex;
flex-direction: column;
align-items: center;
margin: 10px;
}
.input-field input {
width: 100%;
padding: 10px;
margin-top: 5px;
text-align: center;
}
.input-field button {
margin-top: 10px;
padding: 8px 16px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
.input-field button:hover {
background-color: #45a049;
}
.reset-button {
margin-top: 20px;
text-align: center;
}
.reset-button button {
padding: 8px 16px;
background-color: #FF0000;
color: white;
border: none;
cursor: pointer;
}
.reset-button button:hover {
background-color: #FF3333;
}