:root{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
body {
    max-width: 1000px;
}
.centered {
    display: flex;
    justify-content: center;
    align-items: center;
}
.vertical-center{
    height: 100vh;
}
table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 80vw;
    text-align: center;
    max-width: 500px;
}
.main-table th, .main-table td {
    border: 1px solid black;
    padding: 8px;
    height: 15px;
}
.input-cell {
    width: 70%;
    text-align: right;
    border: 0px;
    height: 30px;
}
span, input[type="text"] {
    font-size: 1.25em;
}
.zeroDiv {
    margin: 0px;
    padding: 0px;
    height: 100%;
    padding-top: 2.5px;
}
.notes-cell {
    width: 30vw;
}
.notes-inp {
    width: 90%;
    text-align: left;
}
.tip {
    color: grey;
    font-style: italic;
    font-size: small;
}
.result {
    font-size: larger;
    font-weight: 600;
}
.result>div {
    border: 1px solid black;
    padding: 8px;
    width: 20%;
    min-width: 60px;
}