main.rm-calculator {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 1rem;

    >*+* {
        margin-top: 1.5rem;
    }

    h2 {
        font-size: 1.125rem;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border-bottom: 1px solid var(--border);
    }
}

#inputs {
    >*+* {
        margin-top: 0.25rem;
    }

    #calc-btn {
        margin-top: 1.5rem;
    }
}

#pct-table {
    width: 100%;
}

#history-section {
    >*+* {
        margin-top: 0.5rem;
    }
}

#result-value {
    font-size: 3rem;
}

#result-unit {
    font-size: 2rem;
    font-weight: 600;
}

#history-body {
    > tr > td {
        white-space: pre;
    }

    > tr > td:first-of-type {
        white-space: normal;
    }
}

.center {
    display: grid;
    place-content: center;
}