.calculator-page{
    background-color: #161616;
    color: #FFFFFF;
    height: auto;

}

/*h1, h2, h3, h4, h5, h6 {*/
/*    margin-top: 0;*/
/*    margin-bottom: 0;*/
/*    line-height: 1.2;*/
/*}*/



.calculator_p{
    color: rgba(255,255,255,.55);
}

.calculator_p:hover{
    color: rgba(255,255,255,.55);
}

.calculator_h1 h1{
    padding-top: 27px;
    padding-bottom: 25px;
    font-size: 80px;
    font-weight: 700;
}

.calculator_body h2{
    font-size: 36px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 24px;
}

.calculator_body h3{
    font-size: 24px;
    font-weight: 800;
}

.calculator_body h4{
    font-size: 20px;
    font-weight: 500;
    margin-top: 16px;
}

.calculator_body h5{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 16px;
}

.calculator_body{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.calculator_field{
    font-size: 16px;
    font-weight: 400;
    padding: 20px 0 20px 20px;
    border-radius: 3px;
    border: 0;
    color: #FFFFFFB2;
    background-color: #FFFFFF29
}

input[type="text"]::placeholder, input[type="number"]::placeholder {
    color: #FFFFFFB2;}

input[type="text"]:focus, input[type="number"]:focus {
    background-color: #FFFFFF29;
    color: #FFFFFFB2;
}

/* Для Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield;
}