@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;font-family:"Roboto",sans-serif}.login{width:100vw;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#4da8da;background:radial-gradient(circle,#4da8da 0,#4da8da 50%,#000 100%)}.login-card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;width:40vw;background:hsla(0,0%,100%,.3);padding:20px 0}.login-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.login-card-header{font-size:1.5rem;text-align:center}.login-card>form{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.login-card>form>div{width:80%;margin:10px 0}.login-card>form>div>input{width:100%;font-size:1rem;padding:5px;border-radius:5px;outline:none}.submit-button{background-color:#add8e6;color:#fff}@media only screen and (max-width:600px){.login-card{width:90vw}}.signup{width:100vw;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#4da8da;background:radial-gradient(circle,#4da8da 0,#4da8da 50%,#000 100%)}.signup-card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;width:40vw;background:hsla(0,0%,100%,.3);padding:20px 0}.signup-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.signup-card-header{font-size:1.5rem;text-align:center}.signup-card>form{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.signup-card>form>div{width:80%;margin:10px 0}.signup-card>form>div>input,select{width:100%;font-size:1rem;padding:5px;border-radius:5px;outline:none}.eye{border:none;margin-left:-30px;cursor:pointer}.error-msg{font-size:.8rem;color:#fff}.error-msg,.login-register{text-align:center}@media only screen and (max-width:600px){.signup-card{width:90vw}}.create-new-group-button{margin:20px auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.create-new-group-text{text-decoration:none}.group-list-card{background-color:#4da8da;margin:10px 0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;border-radius:5px;padding:20px}.group-list-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.group-list-card-info{color:#fff;font-size:1.5rem}.group-list-card-info-value{color:#fff;margin-left:10px}.group-list-card-action-button{display:-webkit-flex;display:flex}.group-list-card-action-button>div>button{margin:10px}.navbar{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100vw;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;background-color:#12232e}.navbar>div>a{font-size:1.5rem;font-weight:bolder;text-decoration:none;color:#fff;transition:.3s}.navbar>div>a:hover{color:orange}.navbar>button{background-color:#f0f8ff;color:#6a5acd}.create-new-group-heading{font-size:1.5rem;font-weight:bolder;text-align:center}form>div{margin:10px 0}.create-new-group-info{color:grey;font-weight:bolder}.create-new-group-value{margin:5px 0;padding:5px}.add-member{display:-webkit-flex;display:flex}.member-list-heading{font-size:1.5rem}.member-info{display:-webkit-flex;display:flex;margin:10px 0}.info-message{color:red;font-size:.8rem;text-align:center}.group-info-card{margin:10px 0;padding:20px 10px;background-color:#007cc7}.group-info-card>div>.title{color:gold;font-weight:bolder}.group-info-card>div>.value{color:#fff}.group-info-card>div>button{width:50%;margin:20px auto}.add-expense-card{margin:20px 0;padding:20px 10px;background-color:#d3d3d3}.transaction-card{padding:20px 10px}.transaction-card>div{background-color:#4da8da;border-radius:5px;margin:10px 0}.transaction-card>.heading{font-size:1.5rem}.result{margin:20px 0;padding:20px 10px;background-color:#90ee90;color:#007cc7}.result>ul{margin-left:20px}.result>.heading{font-size:1.5rem}
/*# sourceMappingURL=main.5cc61961.chunk.css.map */