main{
    min-height: 100vh;
    background-color: var(--bg-col-2);
}

#title{
    text-align: center;
    padding-block: 2rem;
}

#calculadora{
    padding: 1rem;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    gap: 1.5rem;
    box-shadow: var(--shadow);
    background-color: var(--bg-col-1);
}

#calculadora > div{
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

label{
    min-width: 70px;
}

input.calc-input{
    flex-grow: 1;
    padding: .2rem;
    font-size: 1rem;
}


input.calc-input:focus{
    outline: none;
    border: 2px solid var(--form-blue);
}

#btn-confirm{
    background-color: var(--form-blue);
    color: var(--bg-col-1);
    padding: .5rem;
}

#btn-confirm:hover{
    background-color: #384075;
    cursor: pointer;
}

.error-container{
    color: var(--alert-form);
}

.panel-res{
    font-size: 1.4rem;
}

.btn-consulta{
    text-decoration:  underline;
    color: var(--form-blue);
}