body {
margin: 0;
font-family: sans-serif;
background-color: hsl(0, 0%, 93%);
}

form {
max-width: 450px;
margin: 0 auto;
padding: 2rem;
background-color: hsl(0, 0%, 100%);
border-radius: 1rem;
}
h2{
    text-align: center;
}
label {
display: inline-block;
font-weight: bold;
margin-bottom: 0.5rem;
}

input {
display: block;
width: 100%;
font-size: 1rem;
padding: 0.5rem;
margin-bottom: 1.5rem;
}
button {
font-size: 1rem;
font-weight: bold;
padding: 0.5rem 1rem;
background-color: #007bff;
color: white;
border: none;
border-radius: 0.25rem;
cursor: pointer;
}

button:hover {
background-color: #0056b3;
}
input#result {
background-color: hsl(0, 0%, 90%);
color: #333;
}
h2{
margin-top:-25px;
font-weight: bold;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}