body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:1rem;background-image:linear-gradient(180deg,#000,gray,#000)}.navbar-left .logo{font-size:1.5rem;font-weight:700;color:#23a6e9;text-decoration:none}.navbar-center .nav-links{list-style-type:none;display:flex;margin:0;padding:0}.navbar-center .nav-links li{margin-right:1rem}.navbar-center .nav-links a{color:#fff;text-decoration:none}.navbar-right{display:flex;align-items:center}.navbar-right .cart-icon,.navbar-right .user-icon{color:#fff;text-decoration:none;margin-left:1rem;position:relative}.navbar-right .cart-count{background-color:#f44336;color:#fff;border-radius:50%;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:-.5rem;right:-.5rem}#root{max-width:1000px;margin:0 auto;padding:2rem;text-align:center}tr:nth-child(2n){background:#f2f2f2}tr:nth-child(odd){background:#fff}th{padding-left:1rem;padding-right:1rem;background:#b0b0b0}td{padding-left:1rem;padding-right:1rem;background:#e0e0e0}input{padding:10px;font-size:16px}