.invoice-app{background-color:#fff;flex-direction:column;place-content:center;width:100%;height:100%;margin:0 auto;display:flex;position:fixed;inset:0;overflow:scroll;z-index:500!important}.invoices-container{box-sizing:border-box;margin-top:150px;padding:20px;display:block;overflow:scroll}h1{text-transform:uppercase}.opening-cont{place-content:center flex-start;width:100%;display:inline-flex}.grump-img{width:100px}.fill-in{flex-direction:column;place-content:center;align-items:center;margin:0 auto;padding:20px;display:flex}.fill-in input{box-sizing:border-box;text-align:center;border:1px solid gray;width:100%;max-width:350px;margin-bottom:20px;padding:5px 30px;font-family:Poppins}.fill-in button{width:160px;padding:10px 20px;font-family:Poppins}.opening-cont h1{text-align:left;text-transform:uppercase}.opening-cont p{margin-left:auto}.invoiceRow{border-bottom:1px solid #000;flex-flow:wrap;flex-grow:1;flex-shrink:1;align-content:space-between;gap:20px;width:100%;display:flex}.invoiceRow .invoiceTitle{text-align:left;flex-basis:300px;font-weight:600}.invoiceRow .duedate,.invoiceRow .invoiceStatus{text-align:left;flex-shrink:0;flex-basis:200px}.invoiceRow a{color:#fff;text-transform:uppercase;background-color:#f3af22;border-radius:5px;flex-direction:column;justify-content:center;height:30px;margin-top:10px;margin-bottom:10px;margin-left:auto;padding:10px 30px;text-decoration:none;transition:all .3s;display:flex}.invoiceRow a:hover{transform:scale(1.05)}.invoice-btn{text-transform:uppercase;margin-top:10px;margin-bottom:10px;margin-left:auto;padding:10px 20px;font-family:Chairdrobe}