@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Kumbh+Sans:wght@300;400;700&family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap);*{margin:0;padding:0;font-family:Karla,sans-serif;color:#162435}.card{display:flex;flex-direction:row;align-items:flex-start;align-items:center}.product-c{width:70vw}.banner-c,.product-c{height:5rem;margin-bottom:1rem}.card-pic{width:12%;height:100%;margin-right:1rem}.img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-text{width:50%}.cont{height:100%}.cont,.top-nav{display:flex;flex-direction:row}.top-nav{justify-content:space-between;padding-left:2rem;padding-right:2rem;padding-top:.8rem;padding-bottom:.8rem;border-bottom:solid #eeeded;border-bottom-width:1px}.top-nav-right{display:flex;flex-direction:row;align-items:center}.dashboard{font-size:1.5rem;color:#162435}.logout-button{font-size:.9rem;font-weight:600;padding:.5rem;color:#fff;background-color:#0076ff;border:none;border-radius:5px;cursor:pointer;transition:.25s}.logout-button:hover{background-color:#016de9}.user{font-size:1rem;font-weight:400}.side-nav,.user{margin-right:1rem}.side-nav{width:25%;height:calc(100vh - 59.59px - 1.6rem);background-color:#eeeded;padding-left:2rem;padding-right:2rem;padding-top:.8rem;padding-bottom:.8rem}.navigation{font-size:1.4rem;font-weight:700}.nav{display:flex;flex-direction:column}.rt-lk{transition:.25s}.rt-lk,.rt-lk:hover,.rt-lk:link{text-decoration:none}.rt-lk:hover{color:#0076ff}.uno{font-size:1.3rem;font-weight:700}.dos{margin-bottom:.7rem;margin-left:1.1rem}.inside{width:100%;overflow:scroll;height:calc(100vh - 59.59px - 7rem);padding:2rem;padding-left:3rem;padding-bottom:5rem}.title{font-weight:800;font-size:3rem}.login-page{display:flex;flex-direction:row;align-items:center;height:100vh;margin-left:7rem}.login-form{display:flex;flex-direction:column}.login-img{width:500px;height:auto}.login-left{width:50%;margin-right:8rem}.login-statement{font-size:2.5rem;color:#162435}.login-note{margin-top:1rem;margin-bottom:1rem;width:90%;color:#888}.login-form,.login-right{width:50%}.login-label{color:#888;margin-bottom:.2rem}.login-input{font-size:1rem;color:#162435;padding:.5rem;border-radius:5px;border:2px solid;border-color:#d8d6d6}.login-input:focus{outline-color:#0076ff}.login-terms{font-size:.8rem;color:#888}.login-button{margin-top:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;padding:.7rem;color:#fff;background-color:#0076ff;border:none;border-radius:5px;cursor:pointer}.login-button:hover{background-color:#016de9}.product-name{width:25%;font-size:1rem}.product-price{width:17%;font-weight:300;font-size:1rem}.product-stock{width:10%;font-size:1rem}.product-category{width:15%;font-size:.8rem}.b{color:#888;font-weight:300}.b-image{width:14%}.b-name{width:25%}.b-price{width:17%}.b-stock{width:10%}.b-category{width:15%}.haha{padding-bottom:.4rem;margin-bottom:1rem;border-bottom:solid #eeeded;border-bottom-width:1px;width:70vw}.button-add{font-size:.8rem;font-weight:500;padding:.5rem;color:#fff;background-color:#888;border:none;border-radius:5px;cursor:pointer;transition:.25s}.button-add:hover{background-color:#7a7979}.button-delete{font-size:.8rem;font-weight:500;padding:.5rem;color:#fff;background-color:#0076ff;border:none;border-radius:5px;cursor:pointer;transition:.25s}.button-delete:hover{background-color:#016de9}.holo{transition:.25s}.holo:hover{background-color:#f7f7f7}