@import url(https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Didact Gothic,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff;text-decoration:none}.Header{background-image:linear-gradient(#679eeb,#679eeb);box-shadow:0 5px 10px rgba(0,0,0,.1);display:flex;height:130px;justify-content:center;position:fixed;top:0;width:100%;z-index:1}.navContainer{align-items:center;display:flex;justify-content:space-between;width:1100px}.pocketStockLogo{justify-content:flex-start;margin-left:45px}.navbar-list{display:inline-flex;flex-direction:row;justify-content:space-between;list-style-type:none;width:800px}.navbar-list-items{align-items:center;border-bottom:1px solid transparent;font-size:1.2rem;height:25px;margin:60px;transition:all .5s ease-out}.navbar-list-items:hover{border-bottom:2px solid #fff;-webkit-transform:scale(105%);transform:scale(105%)}.logo{height:50px;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.logo:hover{-webkit-transform:scale(105%);transform:scale(105%)}#user{color:#fff;font-size:1.2rem}.threesteps{display:flex;height:100%;justify-content:center;width:100%}.threestepscontent{display:flex;flex-direction:column;justify-content:space-around;width:100%}.icon1,.icon2{height:500px;width:500px}.icon3{height:450px;margin-left:-50px}.section1,.section2,.section3{align-items:center;display:flex;justify-content:space-around;position:-webkit-sticky;position:sticky;top:50px;width:1000px}.section1text{text-align:right}.section1text,.section2text{border-radius:5px;color:#e6e6e6;font-size:1.6rem;padding:20px 30px;width:600px}.section2text{text-align:left}.section3text{border-radius:5px;color:#e6e6e6;font-size:1.6rem;padding:20px 30px;text-align:right;width:600px}.section1text h3{color:#fff;font-size:3rem;text-align:right}.section2text h3{color:#fff;font-size:3rem;text-align:left}.section3text h3{color:#fff;font-size:3rem;text-align:right}.section1container{background-color:#798ade}.section1container,.section2container{align-items:center;box-shadow:0 0 20px 5px rgba(0,0,0,.1);display:flex;height:100vh;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:50px;width:100%}.section2container{background-color:#2c8680}.section3container{background-color:#759bcc;box-shadow:0 0 20px 5px rgba(0,0,0,.1);justify-content:space-around;position:-webkit-sticky;position:sticky;top:50px}.onapp,.section3container{align-items:center;display:flex;height:100vh;width:100%}.mobile,.onapp{justify-content:center}.mobile{align-items:center;display:inline-flex;width:800px}#phone{height:550px}#mobiledescription{color:#000;font-size:3rem;padding-right:40px;width:500px}#download,#downloadbutton{font-size:1.4rem}#downloadbutton{background-color:#83abe4;border-radius:5px;border-style:none;box-shadow:0 1px 6px #797a79;color:#fff;padding:5px 20px;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}#downloadbutton:hover{-webkit-transform:scale(105%);transform:scale(105%)}.hero{display:flex;height:98vh;width:100%}.content,.hero{align-items:center;justify-content:center}.content{display:inline-flex;width:1000px}#herotext{border-right:5px solid #fff;padding-left:55px;width:900px}#herotext h1{color:#fff;font-size:5rem;justify-content:flex-start;margin-bottom:0}#herotext p{color:#fff;font-size:1.7rem;text-align:left;width:500px}.nut{border-left:10px #fff;display:flex;height:350px}#your{text-decoration:underline}.dashboard{background-image:linear-gradient(#679eeb,#e0dbd8);height:100%;width:100%}.components-section{display:flex;height:100%;justify-content:center;width:100%}.components-table,.table{justify-content:center;width:1000px}.table{border-collapse:collapse;border-radius:16px 16px 0 0;border-spacing:0;box-shadow:5px 5px 10px #d7d7d7;font-size:.9em;height:512px;min-width:400px}.table thead tr{background-color:#939393;border-radius:12px 12px 0 0;color:#fff;font-size:1.2rem;font-weight:700;text-align:center}.table td,.table th{padding:20px 15px}.table tbody tr{border-bottom:1px solid #d3d3d3;font-size:1rem;transition:background-color .5s}.table tbody tr:last-of-type{border-bottom:2px solid #536682}.table tbody tr:hover{background-color:#cfcfcf}.tablecontents{border-radius:12px 12px 0 0;box-shadow:5px 5px 10px #d7d7d7;height:512px;overflow-y:scroll}.table thead{position:-webkit-sticky;position:sticky;top:0}.ordernow{background-color:#dd5e5e}.outofstock{background-color:#e4dc6c}.editcomponent{background-color:#536682;border:transparent;border-radius:7px;color:#fff;font-size:1rem;padding:5px 90px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.editcomponent:hover{-webkit-transform:scale(105%);transform:scale(105%)}#addnewcomponent{align-items:center;border-radius:10px;bottom:0;height:10px;position:fixed;width:1000px}.table1{border-collapse:collapse;border-radius:16px 16px 0 0;border-spacing:0;bottom:10px;box-shadow:5px 5px 10px #d7d7d7;font-size:.9em;justify-content:center;margin-top:100px;min-width:400px;overflow:hidden;width:1000px}.table1 thead tr{background-color:#939393;border-radius:12px 12px 0 0;color:#fff;font-size:1.2rem;font-weight:700;text-align:center}.table1 td,.table1 th{padding:20px 15px}.table1 tbody tr{border-bottom:1px solid #d3d3d3;font-size:1rem;transition:background-color .5s}.info{display:inline-block;position:relative}.infocontent{background-color:#f9f9f9;border-radius:5px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;font-size:1.1rem;left:-400px;min-width:400px;padding:9px 18px;position:absolute;z-index:1}#red{color:#dd5e5e;height:.7rem}#yellow{color:#e4dc6c;height:.7rem}#useful{align-items:center;display:flex;font-size:1.3rem;font-weight:lighter;justify-content:left;left:-400px;padding-left:60px;position:relative}.info:hover .infocontent{display:block}#infoicon{padding-right:10px}.inventoryPage{flex-direction:column;height:100%;justify-content:center;position:relative;top:150px;width:100%}.inventoryPage,.products-list-form{align-items:center;display:flex}.test4{font-weight:lighter}.product-1{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;top:150px;width:100%}.product-2{border:1px solid #000;font-size:16px;margin:20px;padding:20px;width:200px}.products-styled-table{border-collapse:collapse;border-radius:16px 16px 0 0;border-spacing:0;box-shadow:5px 5px 10px #d7d7d7;font-size:.9em;justify-content:center;margin:30px 0;min-width:400px;overflow:hidden;width:100%}.products-styled-table thead tr{background-color:#939393;border-radius:12px 12px 0 0;color:#fff;font-size:1rem;font-weight:700;text-align:center}.products-styled-table td,.products-styled-table th{font-size:1.2rem;font-weight:700;padding:20px 15px}.products-styled-table tbody tr{border-bottom:1px solid #d3d3d3;font-size:1rem;transition:background-color .5s}.products-styled-table tbody tr:last-of-type{border-bottom:2px solid #536682}.products-styled-table tbody tr:hover{background-color:#cfcfcf}.tablecontents{display:flex;justify-content:center;text-align:center}.test>input[type=number]{flex:1 0 auto;margin-right:7px}.product-add{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px}.product-add>input{flex:1 0 auto}.product-add>button{background-color:#536682;border:transparent;border-radius:7px;color:#fff;min-width:8rem}.product-add>button:disabled{cursor:not-allowed;opacity:.2}.button-design{background-color:#536682;border:transparent;border-radius:7px;color:#fff;font-size:1rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.whole-page{display:flex;flex-direction:column}.button-design:hover{-webkit-transform:scale(103%);transform:scale(103%)}.tables{border-collapse:collapse;border-radius:16px 16px 0 0;border-spacing:0;font-size:.9em;justify-content:center;min-width:400px;overflow:hidden;width:1000px}.productlistitem{font-size:1.2rem;font-weight:lighter;list-style-type:none;padding-right:45px}.orders{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;top:150px;width:100%}.line-1{background:#000;height:1px;margin-bottom:20px;margin-top:2px}.styled-table{border-radius:16px 16px 0 0;border-spacing:0;box-shadow:5px 5px 10px #d7d7d7;font-size:.9em;justify-content:center;margin:30px 0;min-width:400px;overflow:hidden}.styled-table thead tr{background-color:#939393;border-radius:12px 12px 0 0;color:#fff;font-size:1rem;font-weight:700;text-align:center}.styled-table td,.styled-table th{padding:20px 15px}.styled-table tbody tr{border-bottom:1px solid #d3d3d3;font-size:1rem;transition:background-color .5s}.styled-table tbody tr:last-of-type{border-bottom:2px solid #536682}.styled-table tbody tr:hover{background-color:#cfcfcf}.styled-table td:first-of-type{width:25%}.test{display:flex;justify-content:space-between;margin-bottom:30px}.test>button{background-color:#536682;border:transparent;border-radius:7px;color:#fff;min-width:8rem}.test2{display:flex;flex-direction:column;margin-top:25px;width:500px}.test4{margin-bottom:10px}.test3{width:500px}input[type=text],select{border-radius:4px;margin-right:7px;padding:10px 20px}input[type=text]{transition:width .4s ease-in-out}button{padding:10px 20px}.styled-table{border-collapse:collapse;margin:25px 0;width:100%}.styled-table th{color:#fff}.styled-table td,.styled-table th{padding:12px 15px}.styled-table tbody tr{border-bottom:1px solid #ddd}.styled-table tbody tr:last-of-type{border-bottom:2px solid #334047}.styled-table tbody tr.active-row{color:#679eeb;font-weight:700}.test6{border:1px solid #334047;border-radius:30px;margin:0 10px;padding:20px 30px}td{text-align:center}.order-button{background-color:#536682;border:transparent;border-radius:7px;color:#fff;font-size:1rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.staff-div,.staff-list{text-align:center}.staff-list{display:inline-flex;list-style-position:inside}.staff{display:inline;padding:50px}.loggedIn-staff{align-items:center;display:block;justify-content:center;margin-bottom:60px;margin-top:200px;text-align:center}.rainbow{background-color:#94bcf9;border-radius:6px;color:#b770c2;padding:4px 10px;text-decoration:none}.rainbow:hover{-webkit-animation:rainbowAnimation 5s linear infinite;animation:rainbowAnimation 5s linear infinite;background-image:linear-gradient(90deg,red,red 15%,#ff7f00 15.5%,#ff7f00 30%,#ff0 33%,#ff0 50%,#0f0 51%,#0f0 70%,#00f 71%,#00f 85%,indigo 0,indigo 100%,#9400d3 0)}@-webkit-keyframes rainbowAnimation{to{background-position:20vw}}@keyframes rainbowAnimation{to{background-position:20vw}}.userimg:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.wrapper{border:3px dashed #94bcf9;border-radius:10px;margin:auto;overflow:hidden;padding:1px;width:300px}.target{-webkit-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rightToLeft;animation-name:rightToLeft;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#b770c2;font-weight:700;margin:3px}@-webkit-keyframes rightToLeft{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}to{-webkit-transform:translateX(-160px);transform:translateX(-160px)}}@keyframes rightToLeft{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}to{-webkit-transform:translateX(-160px);transform:translateX(-160px)}}
/*# sourceMappingURL=main.91997208.css.map*/