body{font-family:Helvetica,Sans-Serif,monospace;margin:0;padding:0;background-color:#000;color:#fff}.input-container{display:inline-block;position:relative}.placeholder{left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#ccc;pointer-events:none;width:100%;font-size:1.5rem}.digitDisplay.has-placeholder{color:transparent;caret-color:None}input{width:2rem;text-align:center;border:none}.digitDisplay{left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;width:.9rem;font-size:1.5rem}.digitDisplay-dot{width:.6rem}.number-display-panel{background-color:#2b2b2b;width:94vw;height:15vh;margin-left:3vw;margin-right:3vw;border-radius:30px}input:not([readOnly]),input[readOnly]{color:#000}.number-display-container{position:relative;display:grid;justify-content:center;align-items:center;grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:5px;height:100%}.number-display-title{padding-left:1rem;font-weight:700;height:auto}.number-display{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:0;border-radius:5px;margin:0 0 1rem;padding-right:.5rem;padding-bottom:1rem}.numericKeypadButton{width:100%;height:50px;border:none;color:#fff;border-radius:5%;height:6vh;transition:background-color .3s ease}.button-type-1{background-color:#6a6a6a}.numericKeypadButton-button,.numericKeypadButton-type2{background-color:transparent}.numericKeypadButton-button{width:100%;height:100%;border:none;color:#fff;font-size:1.3em}.numericKeypadButton:active{background-color:#d9d9d9}.numericKeypadHolder{display:grid;grid-template-columns:repeat(3,30vw);gap:5px;background-color:#2b2b2b;padding:3vh 2vw 6vh 4vw;bottom:0;right:0}.numericKeypadHolder,.sendButton{position:fixed;left:0;animation:riseUp .3s ease-out forwards}.sendButton{width:94vw;height:6vh;margin-left:3vw;margin-right:3vw;font-size:1rem;border:none;border-radius:50px;color:#fff;transition:background-color .3s ease;background-color:#6a6a6a;bottom:37vh}.sendButton:active{background-color:#d9d9d9}.numberDisplayContainer{display:flex;justify-content:center;align-items:center;margin-top:10vh}.loginButton{margin-top:20px;margin-bottom:20px;margin-left:20px;padding:10px 15px;border-radius:5px;background-color:#6a6a6a;color:#fff;border:none;cursor:pointer}@keyframes riseUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.expense-type-card-selection-button.even{animation:slideRight .2s ease-out forwards}.expense-type-card-selection-button.odd{animation:slideLeft .2s ease-out forwards}.expense-display-holder{width:94vw;margin-left:3vw;margin-right:3vw;gap:5px;color:#646464}.expense-display-day{display:grid;width:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:5px;background-color:#141414;margin:2vh}.expense-display-day-title{grid-row:1;grid-column:1/span 2;font-size:1rem;font-weight:700;padding-left:1rem;justify-self:left;padding-top:.5rem}.expense-display-day-expenses{grid-row:2;grid-column:2;font-size:.75rem;justify-self:right;margin-right:1rem}.expense-display-day-expenses-entry{display:flex;justify-content:right}@keyframes slideRight{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes slideLeft{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes fallDown{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}