.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.sidebar{width:17%;border:1px solid grey;background-color:#cdcbcb80;border:none;bottom:100;position:fixed;top:0;left:0;height:2202.64px}.logo{font-size:70px;font-weight:700;margin-bottom:80px}h3{font-weight:600;font-family:Circular-Book,Helvetica,Arial,sans-serif;text-align:left;text-rendering:optimizeLegibility;cursor:pointer;padding:10px 10px 10px 30px;margin:0}h3:hover{background-color:#fff}.low>h3{color:gray}.page{width:83%;align-self:right;align-items:right;align-content:right;float:right;margin-top:40px}.detail>p{text-align:left;padding:0 20px 20px}.detail>div{text-align:left;padding:20px;font-size:30px;font-weight:400}.box{border:"1px solid black"}.box>div>p:nth-child(2){margin-top:10px;font-size:18px;font-weight:600}.box>div>p:nth-child(2):hover{text-align:left;margin-left:20px;color:#00f}.box>div>p{text-align:left;margin-left:20px}.img{width:100%;height:80%}.bottombox{background-color:#e5e8e8;padding:0 0 15px}.bottombox:hover{background-color:#fff;padding:0 0 15px}.basket_button{width:400px;background:#00A0DC;color:#fff;padding:10px 50px}.Navbar{width:83%;align-self:right;align-items:right;align-content:right;float:right;padding:0;background:#636363;position:fixed;right:0}.nav_logo{float:right;width:20%}.basket{display:flex;padding:5px}.basket>div{padding-left:10px}.cart{border:1px solid lightgray;width:100%;display:flex}.cartleft{width:25%;background-color:#d3d3d3;height:150px}.cartleft>img{width:100%;height:100%}.cartright{width:75%;padding:10px;background-color:#f2f3f4}.cartright>div{padding:0}.counter{display:flex;margin-top:10px}.counter>div{padding:2px 10px;border:1px solid lightgray;text-align:center;font-size:20px;font-weight:400;background-color:#fff}.counter>div:nth-child(4){background-color:#f2f3f4;font-weight:400;border:none;color:gray}.counter>div:nth-child(5){margin-left:100px;background-color:#f2f3f4;font-weight:500;border:none}.subtotal{padding:10px;display:flex;font-size:20px;font-weight:600}.subtotal>:nth-child(2){margin-left:70%}.basket_button{width:400px;background:#00A0DC;color:#fff;padding:10px 50px;margin:auto}.Register{width:83%;float:right;margin-top:40px;display:flex;background-color:#f2f3f4;height:550px}.left{height:100px;width:30%;margin:20px 0 0 20px;font-size:30px;font-weight:400;padding-right:50px;text-align:left}.right{height:100px;width:45%;margin:20px 0 0}.login:hover{color:#00f;padding-left:0}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}