html  {
  scroll-behavior: smooth;
}

.calculator-section {
  background-color: #ccccff;
  padding: 5px;
  padding-bottom: 150px;
  text-align: center;
}

h3, input {
  align-content: center;
  margin: 10px;
  padding: 5px;
  position: relative;
  top: 50px;
}

.btn:hover,.border-dark:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.field{
  transition-duration: 0.4s;
}

.field:onclick{
  background-color: white;
  color: black;
}

.white-section {
  background-color: white;
  bottom: 50px;
  position: fixed;
  text-align: center;
}