@import url(https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}.App{flex-direction:column;font-family:Roboto,sans-serif;font-style:normal;gap:3rem;height:100vh;padding:5rem}.App,.app-wrapper{align-items:center;display:flex;justify-content:center}.app-wrapper{border-radius:1rem;box-shadow:0 0 24px 0 #000000bf;gap:2rem;padding:1rem;width:-webkit-max-content;width:max-content}.wrapper{align-self:self-start;display:flex;flex-direction:column;gap:1rem;width:30vw}.active{align-self:center}.friend-wrapper{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;transition:all .3s;width:100%}.friend-wrapper:hover{background-color:bisque}.friend-wrapper div{align-items:center;display:flex;gap:1rem}h4{display:flex;flex-direction:column;font-size:1rem;gap:.5rem;text-transform:capitalize}h4 span{font-size:.75rem;font-weight:400}img{border-radius:50%;height:3rem;width:3rem}.btn{background-color:#ff8c00;border:none;border-radius:.5rem;cursor:pointer;font-weight:700;padding:.5rem 1rem}.btn-add{width:25%}.btn-add,.btn-close{align-self:flex-end;margin-right:1rem}.btn-close{width:15%}.btn-split{align-self:flex-end;width:25%}.friend-form{background-color:bisque;border-radius:1rem;padding:1rem}.friend-form,.friend-form div{display:flex;flex-direction:column;gap:1rem}.friend-form div div{display:flex;flex-direction:row;justify-content:space-between}.friend-form input{border:none;border-radius:1rem;padding:.25rem .5rem}.bill-wrapper{align-self:self-start;background-color:bisque;border-radius:1rem;display:flex;flex-direction:column;gap:2rem;padding:2rem;text-align:center;width:55%}.bill-wrapper h2{text-transform:uppercase}.bill-wrapper form{display:flex;flex-direction:column;gap:1rem}.bill-wrapper form div{display:flex;justify-content:space-between}.bill-wrapper input{border:none;border-radius:1rem;padding:.25rem .5rem}.bill-wrapper select{background-color:#fff;border:none;border-radius:.5rem;cursor:pointer;padding:.25rem .5rem}
/*# sourceMappingURL=main.eaeeb8ca.css.map*/