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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#151515}@font-face{font-family:Roboto;src:url(/static/media/Roboto-Light.7cedccda2feb66b96d7a.ttf)}.backdrop{background-color:#000;height:100vh;opacity:.9;position:absolute;width:100vw;z-index:999}h1{margin-top:.5em}h2{margin-bottom:0}h3{margin-bottom:.3em;margin-top:0}.App{color:#b4a5a5;font-family:Roboto;text-align:center}.Container{align-items:center;display:flex;flex-direction:column;font-size:calc(3px + 2vmin);margin:1em auto auto;width:90%}.Navbar{font-size:larger;height:5em;margin-bottom:1em;margin-top:2em;position:relative;width:100%}.logout{margin-right:1em;position:absolute;right:0;top:0;width:2em}.Heading,.logout{cursor:pointer}.Debt-dashboard{border:2px solid #a9a9a9;border-radius:1em;margin-bottom:1em;padding:1em;width:30em}.Debt-dashboard-separator{border-bottom:1px solid #a9a9a9;margin-top:1em;width:30em}.Debt-dashboard-list{flex-direction:column}.Debt-dashboard-list,.Debt-dashboard-row{align-items:center;display:flex;justify-content:center}.Debt-dashboard-row{border-bottom:1px solid grey;width:12em}.Debt-dashboard-item-left{margin-right:1em;text-align:right;width:45%}.Debt-dashboard-item-right{text-align:left;width:30%}.Dues-title{cursor:pointer}.Dues-confirmation-dialog{align-items:center;display:flex;flex-direction:column;margin-top:3em;padding-left:1em;padding-right:1em}.Dues-confirmation-dialog-cancel-button{background-color:#3c415c;border:none;border-radius:1em;cursor:pointer;font-size:1.5rem;padding:1em}.Dues-confirmation-dialog-delete-button{background-color:#dd2c00de;border:none;border-radius:1em;cursor:pointer;font-size:1.5rem;margin-left:2em;padding:1em}.Notification-container{align-items:flex-start;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding-top:2em;position:fixed;top:0;width:100vw;z-index:1000}.Notification-box{animation:slideDown .3s ease-out;background-color:#3c415c;border:2px solid #301b3f;border-radius:1em;box-shadow:0 4px 6px #0000004d;max-width:90%;min-width:300px;padding:1.5em}.Notification-content{margin-bottom:1em}.Notification-content h3{color:#b4a5a5;font-size:1.3rem;margin:0 0 .5em}.Notification-content p{word-wrap:break-word;color:#b4a5a5;font-size:1.1rem;margin:0}.Notification-timer{color:#b4a5a5;font-size:.9rem;margin-bottom:.5em;text-align:center}.Notification-progress-bar{background-color:#151515;border-radius:4px;height:8px;overflow:hidden;width:100%}.Notification-progress-fill{background:linear-gradient(90deg,#301b3f,#3c415c);border-radius:4px;height:100%;transition:width 1s linear}@keyframes slideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.Debts-title{cursor:pointer}.Login-container{align-items:center;display:flex;flex-direction:column;font-size:calc(3px + 2vmin);margin:2.5em auto auto;width:90%}.Login-password-field{font-size:1.5rem;height:2em;margin-bottom:1em;text-align:center;width:80%}.Login-name-container{background-color:#3c415c;border-radius:1em;font-size:1.4rem;margin-bottom:1em;padding:.5em;width:50%}.Login-name-container:hover{cursor:pointer;transform:scale(1.02)}.Main-button{background-color:#3c415c;border-radius:1em;font-size:2rem;margin-bottom:1em;padding:.5em;width:50%}.Main-button:hover{cursor:pointer;transform:scale(1.02)}.Remove-button{background-color:#dd2c00de;border:none;border-radius:1em;color:#dcdcdc;font-size:1.1rem;padding:.5em}.Payment-container{align-items:center;border:1px solid #a9a9a9;border-radius:1em;display:flex;flex-direction:column;justify-content:center;margin-top:1em;padding:1em 1em 2em;width:90%}.Payment-container h2{margin-top:0}.Payment-user-selection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:90%}.Payment-user-item{align-items:center;background-color:#3c415c;border:1px solid #3c415c;border-radius:1em;display:flex;height:2em;justify-content:center;padding:1em;width:5em}.Payment-user-item:hover{background-color:#301b3f;cursor:pointer}.Payment-messages-button{align-items:center;background-color:#3c415c;border-radius:1em;display:flex;font-size:1rem;height:1.5em;justify-content:center;margin-left:1em;margin-top:1em;padding:1em;width:3em}.Payment-messages-button:hover{background-color:#301b3f;cursor:pointer}.Payment-message-list{display:flex;flex-direction:column;gap:1em;justify-content:center;margin-left:1.5em;margin-top:.5em;text-align:left}.Payment-message-list-item{border-top:1px solid #3c415c;padding-top:.5em}.AddDue-container{align-items:center;border:1px solid #a9a9a9;border-radius:1em;display:flex;flex-direction:column;justify-content:center;margin-top:1em;padding:1em 1em 2em;width:90%}.AddDue-user-selection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:90%}.AddDue-user-item{align-items:center;background-color:#3c415c;border:1px solid #3c415c;border-radius:1em;display:flex;height:2em;justify-content:center;padding:1em;width:5em}.AddDue-user-item:hover{background-color:#301b3f;cursor:pointer}.AddDue-inputs{display:flex;justify-content:space-between;margin-top:1em;width:90%}.Input-field-amount{margin-right:1em;width:20%}.Input-field-amount,.Input-field-message{background-color:#3c415c;border:none;border-radius:.1em;color:#b4a5a5;font-size:2rem;height:2em;padding:.2em;text-align:center}.Input-field-message{width:80%}.Payment-inputs{align-items:center;display:flex;flex-direction:column;justify-content:center}.Payment-input-field-amount{border:none;border-radius:.1em;height:1.5em;margin-bottom:.5em;margin-top:1em;padding:.2em;text-align:center;width:90%}.Payment-input-field-amount,.btn{background-color:#3c415c;color:#b4a5a5;font-size:1.5rem}.btn{border:none;border-radius:1em;height:3em;margin-bottom:1em;width:5em}.btn:hover{cursor:pointer;transform:scale(1.03)}.Add-btn{margin-top:1.5em}.Add-btn,.Pay-btn{font-size:larger;height:4em;margin-bottom:0;width:6em}.Pay-btn{margin-top:2em}.Selected{background-color:#301b3f;border:1px solid #dcdcdc}.Daily-k-container{align-items:center;display:flex;justify-content:center;margin-bottom:.5em;width:100%}.Daily-k{margin:0}.Spin-icon{cursor:pointer;margin-left:.5em;width:1.5em}.Rotate{animation:spin .3s ease-out}.Spin-icon:hover{transform:scale(1.1)}.Half-circle-large{animation:spin .5s linear infinite}.Half-circle-large,.Half-circle-small{border:10px solid #301b3f;border-bottom:0;border-top-left-radius:110px;border-top-right-radius:110px;height:2em;transform-origin:50% 100%;width:4em}.Half-circle-small{animation:spin-cc .5s linear infinite}.Loading-animation-container{align-items:center;display:flex;flex-direction:column;height:6em;justify-content:center;margin-top:1em}@keyframes spin-cc{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes bounce{0%{transform:scale(1)}10%{transform:scale(1.3)}20%{transform:scale(.7)}30%{transform:scale(1.3)}40%{transform:scale(.7)}50%{transform:scale(1.3)}60%{transform:scale(.7)}70%{transform:scale(1.3)}80%{transform:scale(.7)}90%{transform:scale(1.3)}to{transform:scale(1)}}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#3c415c;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{stroke-width:2;stroke:#fff;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #301b3f;display:block;height:56px;margin-top:1em;width:56px}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #301b3f}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(365deg)}}@media (max-width:900px){.Navbar-items{display:none}}@media (min-width:901px){.Toggle-Button{display:none}}.Arrow-icon{cursor:pointer;width:3em}@media(max-width:1220px){.Navbar{font-size:medium;margin-bottom:0;margin-top:0}.Container{font-size:large;margin-top:1em}.Container h1{margin-bottom:.4em;margin-top:0}.Container h4{margin-bottom:.4em;margin-top:.5em}.Debt-dashboard{font-size:1.5rem;padding:.7em;width:90%}.Debt-dashboard p{margin:.5em;padding-bottom:.5em}.Debt-dashboard h4{margin-bottom:0;margin-top:0;padding-bottom:.5em}.Debt-dashboard Label{margin-top:0}.Debt-dashboard-separator{width:100%}.Main-button{align-items:center;display:flex;font-size:1.5rem;height:2em;justify-content:center}.AddDue-container h2{margin-top:0}.AddDue-user-selection{justify-content:space-evenly}.AddDue-user-item{width:30%}.AddDue-inputs{align-items:center;flex-direction:column;justify-content:center;margin-top:.5em}.Input-field-amount{font-size:1rem;height:3em;margin-bottom:.5em;margin-right:0;width:90%}.Input-field-message{font-size:1rem;height:2.5em;margin-top:.5em;width:90%}.Add-btn{height:3em;margin-bottom:1em;margin-top:.5em}.Pay-btn{height:3em;margin-top:1em}.Error{border:1px solid #dd2c00de}.Error-message{margin:.5em 0 0}.Notification-box{max-width:85%;min-width:250px;padding:1em}.Notification-content h3{font-size:1.1rem}.Notification-content p{font-size:.95rem}.Notification-timer{font-size:.85rem}}
/*# sourceMappingURL=main.c301e2b7.css.map*/