@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

body {
  background-color: #323330;
  margin-top:50px;
}

#whole {
  background-color: rgb(240, 219, 79);
  box-shadow: 10px 10px 25px rgb(0, 0, 0);
  color: rgb(50, 51, 48);
  font-family: "Josefin Sans", serif;
  font-size: 28px;
  font-weight: 600;
}

#firstNumber,
#secondNumber,
#button {
  border-width: 3px;
  border-radius: 5px;
  background-color: rgb(50, 51, 48);
  color: rgb(240, 219, 79);
  font-family: "Josefin Sans", serif;
  font-size: 20px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  background-color: rgb(50, 51, 48);
  color: rgb(106, 107, 105);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  background-color: rgb(50, 51, 48);
  color: rgb(240, 219, 79);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  background-color: rgb(50, 51, 48);
  color: rgb(240, 219, 79);
}

#whole {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.one,
.two {
  background-color: rgb(50, 51, 48);
  color: rgb(240, 219, 79);
}

#firstNumber:hover,
#secondNumber:hover,
#button:hover {
  border-color: rgb(240, 219, 79);
}

#kg,
#cm {
  font-size: 21px;
}

#article {
color:white;
font-family:Verdana, Geneva, Tahoma, sans-serif;
padding: 2% 20%;
}

a { color: yellow;}