html{margin:0;padding:0}body{scroll-behavior:smooth;color:#fff;background-color:#0f0f1b;margin:0;padding:0;position:relative}body:before{content:"";z-index:-1;filter:blur(100px);background-image:linear-gradient(120deg,#0f0f1b 0% 25%,#20205a 35%,#0f0f1b 55% 100%);width:140%;height:120vh;position:absolute;top:-20%;left:-20%}#root{flex-direction:row;width:100%;height:100vh;display:flex;overflow:hidden}button{cursor:pointer}.Card{background-image:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:3rem;flex-direction:column;width:30rem;height:fit-content;margin-top:2rem;display:flex}.Card>img{border-radius:2rem;width:80%;margin:0 auto}.Card>h1{color:#fff;margin-bottom:0;margin-left:10%}.Card>.Categori{color:#d6d6d7;margin-top:0;margin-left:10%;font-size:.8rem}.Card>.Price_Stock{border-bottom:1px solid #fff;flex-direction:row;gap:1rem;margin:1rem auto 1.5rem;padding-bottom:0;display:flex}.Card>.Price_Stock>p{color:#fff;margin:0}.Card>.Price_Stock>p>span{color:green;font-weight:bolder}#List{flex-wrap:wrap;justify-content:center;gap:2rem;width:80%;height:87vh;margin:0 auto;padding-bottom:4vh;display:flex;overflow-y:scroll}#CategoryHolder,#choseFormHolder{width:20%;height:3rem;padding:1rem;display:flex}#main{width:100%}#Top{flex-direction:row;align-self:center;width:100%;height:9vh;display:flex;position:relative;overflow:hidden}#Top>h1{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#List::-webkit-scrollbar{width:8px}#List::-webkit-scrollbar-thumb{background-color:#0f3460;border-radius:4px}#List::-webkit-scrollbar-track{background-color:#0f0f1b}nav{background-color:#1a1a2e;flex-direction:column;align-items:center;width:fit-content;padding:2rem;display:flex}#nav_links{flex-direction:column;gap:2rem;width:100%;margin-top:10%;display:flex}#nav_links>button{color:#fff;background-color:#0000;border:2px solid #0f3460;border-radius:.3rem;width:100%;padding:1rem;transition:all .3s ease-in-out;box-shadow:1px 1px 2px #0f3460}#nav_links>button:hover{background-color:#0f3460}select{color:#fff;cursor:pointer;text-align:center;background-color:#0f3460;border:none;border-radius:.2rem;width:auto;padding:.6rem;transition:all .3s ease-in-out}select:hover{background-color:#1a1a2e}input,textarea{color:#fff;cursor:pointer;background-color:#1a1a2e;border:1px solid #1a1a2e;border-radius:.3rem;width:auto;padding:.3rem}input:hover{border:1px solid #fff}#stockReason{width:11rem;height:4rem}form{border:2px solid #0f3460;border-radius:1rem;flex-direction:column;gap:1rem;width:fit-content;margin:0 auto;padding:2rem 8rem;display:flex}#formMain{width:100%}form>button{color:#fff;background-color:#0f3460;border:none;border-radius:.3rem;width:7rem;margin:0 auto;padding:1rem;transition:all .3s ease-in-out}form>button:hover{background-color:#1a1a2e}#error{color:red}table{flex-direction:column;align-items:center;width:70%;margin:0 auto;display:flex}thead{width:60rem}tr{grid-template-columns:15rem 15rem 15rem 15rem;display:grid}tbody{width:60rem}th{border-bottom:2px solid #0f3460!important;font-weight:bolder!important}td,th{text-align:center;border:1px solid #0f3460;padding:2px;font-weight:400}caption{margin:2rem;font-size:1.5rem}@media (width<=1000px){#nav_links{flex-direction:row;justify-content:space-around;align-items:center;width:32rem;height:10vh;margin:0}nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:10vh;padding:0}#nav_links button{width:8rem;height:3rem;padding:0}#root{flex-direction:column}html{font-size:13px}}