@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-color: #ffbc0d;--secondary-color: #fefefe;--tertiary-color: #3b3838}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;color:var(--tertiary-color)}html{font-size:min(1.6vw,18px)}.header{padding-left:3rem;padding-right:3rem;padding-top:1rem}.header .container{display:flex;gap:1rem;align-items:center}.header .container .logo{width:5rem;overflow:hidden}.header .container .logo img{width:100%}.nav{background-color:var(--primary-color);padding:1rem 5rem 1rem 1rem;text-align:right}.nav .title{background-color:var(--secondary-color);font-size:2rem;font-weight:400;padding:2rem .5rem;text-transform:uppercase;letter-spacing:0ch}.invoice{padding-left:5rem;padding-right:5rem;padding-top:1rem;max-width:1200px;margin:auto}.invoice .container .invoice-header{display:flex;flex-direction:column;align-items:end;gap:.5rem;padding-bottom:2rem}.invoice .container .invoice-header .invoice-header-info{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:18rem}.invoice .container .invoice-header .invoice-header-info .title{font-size:1rem;font-weight:700;letter-spacing:0ch}.invoice .container .invoice-header .invoice-header-info .value{font-size:.8rem;font-weight:300;letter-spacing:0ch}.invoice .container .invoice-body .invoice-container{border:solid 1px rgba(0,0,0,.1);height:40vh;overflow-y:auto}.invoice .container .invoice-body .invoice-details{width:100%;border-spacing:inherit}.invoice .container .invoice-body .invoice-details thead{background-color:var(--tertiary-color)}.invoice .container .invoice-body .invoice-details thead tr th{color:var(--secondary-color)}.invoice .container .invoice-body .invoice-details thead tr th,.invoice .container .invoice-body .invoice-details tbody tr td{text-align:left;padding:.5rem;font-weight:700;font-size:.8rem}.invoice .container .invoice-body .invoice-details tbody tr:nth-child(even){background-color:#0000001a}.invoice .container .invoice-sumary{display:flex;flex-direction:column;align-items:end;gap:.5rem;padding-bottom:2rem;padding-top:2rem}.invoice .container .invoice-sumary .invoice-sumary-info{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:18rem}.invoice .container .invoice-sumary .invoice-sumary-info .title{font-size:1rem;font-weight:700;letter-spacing:0ch}.invoice .container .invoice-sumary .invoice-sumary-info .value{font-size:.8rem;font-weight:300;letter-spacing:0ch}