body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}:root{--color1:#e4572e;--color1-contrast:#fff;--color2:#17bebb;--color2-contrast:#000;--color3:#ffc914;--color3-contrast:#000;--color4:#2e282a;--color4-contrast:#fff;--color5:#76b041;--color5-darker:#59862f;--color5-lighter:#97d062;--color5-contrast:#000}body{background-color:#2e282a;background-color:var(--color4);color:#fff;color:var(--color4-contrast);font-family:Arial}.transaction-form{margin:0 0 20px;position:relative}.transaction-form--cancel{cursor:pointer;position:absolute;right:0;top:0}.transaction-form--cancel:focus,.transaction-form--cancel:hover{background-color:var(--color1);color:#fff}.transaction-form--cancel,.transaction-form--input,.transaction-form--submit{border:none;border-radius:5px;font-size:1em;outline:none;padding:4px 7px}.transaction-form--submit{cursor:pointer;margin-left:10px}.transaction-form--submit:focus,.transaction-form--submit:hover{background-color:var(--color1);color:#fff}.transaction-form--input-amount{width:100px}.transaction-form--input-comment{width:200px}.transaction-form .button-selector{display:inline-block}.transaction-form--header{margin:0 0 10px}@media only screen and (max-width:700px){.button-selector--option,.transaction-form--input,.transaction-form--submit{font-size:1.6em;margin:5px 0;width:100%}.transaction-form .button-selector{display:flex;width:100%}.transaction-form{display:flex;flex-direction:row}.transaction-form--cancel{margin-top:5px;position:relative;width:100%}}.transaction-form--submit-validation-error{-webkit-animation:shake .1s linear 3;animation:shake .1s linear 3}@-webkit-keyframes shake{50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}0%,to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}0%,to{-webkit-transform:translateX(0);transform:translateX(0)}}.button-selector{align-items:center;display:flex;flex-direction:row;justify-items:center}.button-selector--option{cursor:pointer;-webkit-user-select:none;user-select:none}.button-selector--value-selected .button-selector--option-selected{cursor:default}.button-selector--value-selected .button-selector--option{background-color:var(--color5-darker)}.button-selector--value-selected .button-selector--option-selected{background-color:var(--color3)}.button-selector--option{background-color:var(--color5);border-radius:5px;color:var(--color5-contrast);flex-grow:1;font-family:Helvetica;font-weight:700;margin:3px;padding:4px 9px;text-align:center}.button-selector--option:focus,.button-selector--option:hover{background-color:var(--color5-lighter)}.button-selector--value-selected .button-selector--option-selected:focus,.button-selector--value-selected .button-selector--option-selected:hover{background-color:var(--color3)}.stats{display:flex;justify-content:space-between}.balance{background-color:var(--color3);border:1px solid var(--color3);color:var(--color3-contrast);font-size:20px;padding:10px;text-align:center;width:100%}.balance--amount,.balance--person{font-weight:700}.transaction{background-color:var(--color2);color:var(--color2-contrast);display:flex;font-family:monospace;justify-content:space-between;padding:3px 4px;width:100%}.transaction[data-type=TRANSFER] .transaction--amount{font-style:italic}.transaction[data-type=TRANSFER] .transaction--amount:before{content:"-"}.transaction[data-person=Julian]{background-color:var(--color1);color:var(--color1-contrast)}.transaction[data-person=Benedicte]{background-color:var(--color2);color:var(--color2-contrast)}.transaction--timestamp{font-size:80%;opacity:.6;padding-right:10px;white-space:nowrap}.transaction:nth-child(odd){opacity:.8}.header{background-color:var(--color5);color:var(--color5-contrast);display:flex;font-size:28px;justify-content:space-between;padding:5px 20px;width:100%}.header--auth{align-items:center;display:flex;font-family:monospace;font-size:.7em}.header--username{margin-right:20px}.header--logout{background:none;border:none;cursor:pointer;font-size:18px;outline:none}.header--logout:active,.header--logout:hover{text-decoration:underline}.main{padding:20px}.login{background-color:var(--color1);border-radius:10px;margin:20px auto 0;max-width:350px;padding:5px 20px 20px}.login h3{text-align:center}.login--password,.login--username{margin-bottom:10px;padding:7px 10px}.login--password,.login--submit,.login--username{border:none;border-radius:10px;font-size:1.5em;outline:none;width:100%}.login--submit{background-color:var(--color3);color:var(--color3-contrast);height:40px;margin-top:15px;text-transform:uppercase}.login--submit:active,.login--submit:focus,.login--submit:hover{color:#fff;cursor:pointer}.login--error{color:var(--color1-contrast);display:inline-block;font-weight:700;padding:0 5px 5px;text-align:center;width:100%}
/*# sourceMappingURL=main.c1c2a528.css.map*/