body{background:#f9fbfc!important;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}.logo{display:block;max-width:130px;max-height:110px;padding-left:5%;width:auto;height:auto}h3{font-family:Roboto Bold,sans-serif;font-size:16px;color:#5c6070}.login-fields form{display:flex;flex-direction:column;width:80%;margin:0 auto}.sign-up-form{width:80%;margin:0 auto;padding:2% 0}.login-form{padding:2% 0}.login-input-fields{background:#fff;border:1px solid #b9bec6;border-radius:4px;width:60%;margin:0 auto;padding:2% 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-input-fields input{width:70%;border-radius:8px;background:#f9fbfc;margin:2% 0;padding:2%}.icon-logo{color:#6da4f8;padding:2% 1%}.sign-up-fields{background:#fff;border:1px solid #b9bec6;border-radius:4px;width:60%;margin:0 auto}.form-input input{width:70%;border-radius:8px;background:#f9fbfc;margin:2% 0;padding:2%}.button-style-main{width:30%;color:#6da4f8;font-weight:700;background-color:#fff;border:2px solid #6da4f8;border-radius:5px;padding:1% 0;margin:2% auto}.button-style-main:active{color:#fff;background-color:#6da4f8}.button-style-main.trip-button{width:20%}.side-button{margin:2% 1%}.landing-page{width:100%;height:100%}h1{font-size:65px!important;font-family:Roboto Bold,"sans-serif";color:#6da4f8}.header-h1{padding-right:5%}.landing-div h4,p{font-size:18px}.landing-div button{width:40%;background-color:#6da4f8;color:#fff;margin-bottom:5px}.sign-in-div{width:45%;margin:0 auto;display:flex;justify-content:center}.sign-in-div p{line-height:center}.sign-in-link{font-size:18px;vertical-align:middle;line-height:100%;padding-left:10px}.expenses-list{background:#f7f9fc;border-radius:3px;margin:10px 0 60px}.expense,.expenses-summary{background:#fff;align-items:center;display:flex;justify-content:space-between}.expense{border-radius:3px;box-shadow:0 0 2px;border:.1px solid grey;box-shadow:.5px 1px;margin:5px 15%}.expense p{color:red;padding-top:14px;text-align:center}.expense-name-date{width:50%;display:flex;flex-direction:column;justify-content:center;padding-left:0!important}.expense-name-date h3{margin-bottom:5px;margin-top:3px}.expense-name-date h6{margin:0}.expenses-form-container{margin-top:8%;margin-bottom:30px}.expenses-form{display:flex;flex-direction:column;margin:auto;width:40%}.expenses-form input{margin:10px 0}.expense-button{margin-left:10px;border-radius:4px;width:50px;height:30px}.expenses-form label{margin-top:6px;margin-bottom:-10px;color:#5c6070}.expenses-list div{display:flex;padding-left:5%}.expenses-sum{margin:0!important;padding-right:5%;color:red}.expenses-summary{margin:20px 0}.expenses-summary h2{margin:0!important}.delete-expense{margin-right:5%;width:30px;background:#fff;color:#000;border:none;cursor:pointer}.trips{margin-top:5%;margin-left:5%;display:flex;justify-content:space-evenly;flex-flow:row wrap}.trip-card{min-width:33%;max-width:70%;margin:10px 0}.ui .card{width:100%}.selected-trip{display:flex;justify-content:center}.tripForm-container{width:80%;margin:0 auto;padding:2% 0}.tripForm{background:#fff;border:1px solid #b9bec6;border-radius:4px;width:60%;margin:0 auto;padding:2% 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.tripForm input{width:70%;border-radius:8px;background:#f9fbfc;margin:2% 0;padding:2%}.friend-list{display:flex;flex-wrap:wrap;width:70%}.friend-list label{width:25%;color:#5c6070;text-align:left;margin:1% 0}.friend-list label input{width:25%;margin:0}.addFriendButton{margin-top:20px;margin-bottom:10px}.edit-trip{margin:20px auto}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4aeca47e.chunk.css.map */