#alc-on-t-calc-area h1 {
    font-size: 1.4em;
    text-align: center;
}

#alc-on-t-calc-area .edit-num-data {
    margin: 0;
    padding: 10px;
    /* outline: none; */
    color: black;
    background-color: #b9b9b9;
    box-sizing: border-box;
    border: 1px #b9b9b9 solid;
    border-radius: 3px;
    font-size: 1.3em;
    width: 100px;
}

#alc-on-t-calc-area .icon-close {
    font-size: 2em;
    color: var(--цвет-кнопки);
}

#bt-and-result-block {
    display: flex;
    gap: 20px;
    justify-content: center;
}

#alc-on-t-calc-area #t-reading-block {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

#alc-on-t-calc-area #alc-reading-block {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

#bt-and-result-block #result {
    min-width: 70px;
    border: 1px solid var(--желтый);
    border-radius: 5px;
    padding: 5px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
}

#alc-on-t-calc-area #result-block {
    display: flex;
    gap: 5px;
    align-items: center;
}

#alc-on-t-calc-area .value-and-bt-close {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

#alc-on-t-calc-area #warning-block {
    margin-top: 10px;
    color: var(--цвет-ошибки);
    font-size: .9em;
}

#alc-on-t-calc-area {
    border: 5px double var(--желтый);
    border-radius: 10px;
    padding: 5px;
}

@media screen and (max-width: 600px) {
    /* mobile */


}

@media screen and (min-width: 600px) and (max-width: 992px) {
    /* tablet */

}

@media screen and (min-width: 992px) {
    /* pc */
    .page-front-content{
        text-align: center;
    }

    #alc-on-t-calc-area{
        width: 368px;
        display: inline-block;
    }
}