@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;700&display=swap";#center-content-login{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#login-header{display:flex;flex-direction:column;align-items:center}#header-text{font-weight:700;font-family:Nunito,sans-serif;font-size:3rem;text-align:center}#login,.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-content{font-family:Nunito,sans-serif;margin-bottom:.5rem;align-self:center}#badLoginMessage{padding:.5rem 0;font-weight:700;font-size:1.25rem}.popup{background:#e5e5e5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed;top:0;left:50%;text-align:center;padding:0 1.5rem .5rem;visibility:hidden}.open-popup{visibility:visible;top:50%;transform:translate(-50%,-50%) scale(1)}.popup h2{font-size:2.5rem;margin:30px 0 10px}#badInfoMessage{padding-bottom:1rem}@media screen and (max-width: 500px){.box{width:95%}}@media screen and (min-width: 500px){.box{width:30rem}}.popup-box{position:fixed;background:#00000080;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.box{position:relative;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}h2{font-size:2.5rem;display:flex;justify-content:center}body{height:fit-content}#center-content{display:flex;flex-direction:column;justify-content:start;align-items:center;height:fit-content;min-height:100%}.upc-form{margin-top:6rem;display:flex;flex-direction:column;align-items:center;font-size:2.5rem}.upc-form-item{margin-bottom:.75rem}#count-content{margin-top:4rem;display:flex;flex-direction:column;align-items:center;width:100%}#count-title{font-size:2.5rem;margin-bottom:1rem}#count-items{height:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:auto;grid-gap:1rem;width:100%}.count-item{display:flex;flex-direction:column;align-items:center}.item-name{font-weight:700;font-size:1.25rem}.item-content{display:flex;flex-direction:row}.item-details{display:flex;flex-direction:column;padding-right:.5rem}.item-type{font-weight:700}.item-count{display:flex;flex-direction:column;align-items:center;padding-left:.5rem}.count-title{font-weight:700}.count-number{font-size:2rem}#reset-button{margin-bottom:5rem;margin-top:2rem}#main-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%}#notification-content{display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:start;margin-top:2rem;margin-right:1rem;margin-left:1rem}#notifcation-content h4{margin-bottom:0rem}.bi-card-list{display:flex;align-items:center;justify-content:center;font-size:3rem}.bi-card-list:hover{color:#f60}#recentlyAddedList{min-height:300px;height:300px;overflow-y:scroll}.list-group-item{font-size:1rem;border-color:#f70;background-color:transparent;padding:.5rem}.list-group-item-detail{display:inline-block}.list-group-item-type{font-weight:700;margin-left:.5rem}#add-item{margin-top:3rem}#inventoryList-content{margin-top:2rem;margin-bottom:2rem;width:100%}.card{margin-right:1rem;margin-left:1rem;border-radius:0%}.card-header{border:none;padding-top:.5rem;padding-bottom:.5rem}.card-title{margin:0;padding:.35rem;font-weight:700}.collapse{width:inherit}.inventoryItem{display:flex;align-items:center}.inventoryItem-details{width:100%}.edit-button{align-self:end;margin-left:1rem;height:2.25rem;width:4rem}.form-group{display:flex;flex-direction:row;align-items:center;width:85%}.form-group span{font-weight:700;padding-right:.25rem;width:25%}.popup button{margin-top:.5rem}html{height:100%}body{font-family:Nunito,sans-serif!important;height:100%;display:flex;flex-direction:column;background-size:5rem 5rem;background-image:linear-gradient(to right,#e5e5e5 1px,transparent 1px),linear-gradient(to bottom,#e5e5e5 1px,transparent 1px);background-position:center center}#page-header{display:flex;flex-direction:row;height:4rem;align-items:center;justify-content:space-between;margin-top:1rem}#header-brand{display:flex;flex-direction:row;justify-content:start;align-items:center}#header-title{font-weight:700;padding-right:1rem;padding-left:1rem;margin-bottom:0}#header-items{display:flex;justify-content:end;margin-right:1rem}#header-username{color:#000;padding:.75rem;align-self:center;font-weight:700}.header-item{color:#000;border:1px solid transparent;border-radius:5px;text-decoration:none;padding:.75rem}.header-item:hover{border:1px solid #ff6600;color:#f60}.form-control:focus{border-color:#f70;box-shadow:inset 0 1px 1px #00000013,0 0 8px #f70}.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:visited,.btn-primary:focus,.btn-primary:active:focus{--bs-btn-color: #fff;--bs-btn-bg: #ff6600;--bs-btn-border-color: #ff7700;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #ff7700;--bs-btn-hover-border-color: #ff6600;--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #ff7700;--bs-btn-active-border-color: #ff7700;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #ff6600;--bs-btn-disabled-border-color: #ff6600}footer{display:flex;height:2.5rem;align-items:baseline;font-size:1.25rem;padding-bottom:.25rem}#name{font-size:1rem;font-weight:700;padding-left:1rem;color:#f60;margin:0}#linkedin,#github{padding-left:1rem;color:#f60}@media screen and (max-width: 766px){#header-items{display:none}.dropbtn{display:inline-block}}@media screen and (min-width: 766px){#header-items{display:flex}.dropbtn{display:none}}.dropbtn{color:#000;padding:.25rem;font-size:2rem;cursor:pointer;margin-right:1rem;direction:rtl}.dropdown{position:relative;display:inline}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;right:0;margin-right:1rem}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-items{display:flex;flex-direction:column;align-items:center;justify-items:center}.dropdown-item{color:#000;padding:12px 16px;text-decoration:none;display:block}