body{
  font-family: 'Times New Roman', Times, serif;
  background-color: #023047;
  color: #ffffff;
}

h1{
 text-shadow: rgb(254, 233, 148) 1px 0 0px;
}
form{
  text-align: center;
  max-width: 350px;
  margin: auto;
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

}
.textbox{
width: 50%;
text-align: center;
font-size: 2em;
border: 2px solid rgba(136, 165, 191, 0.548);
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
margin-bottom: 15px;
}
label{
  font-size: 1.5em;
  font-weight: bold;

}

button{
  background-color: #a8dadc;
  margin-top: 15px;
  font-size: 1.5em;
  border: none;
  padding: 10px 15px;
  background-repeat: 5px;
}
button:hover{
  background-color: #457b9d;
  border-radius: 5px;
}
#result{
 font-style: italic;
 font-size: 1.75rem;
 font-weight: bold;
}