@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";*{margin:0%;padding:0%;font-family:Roboto,sans-serif;text-decoration:none;box-sizing:border-box}nav{background-color:#ed5615;display:flex;justify-content:space-between;padding:0 2rem}nav>h2{text-transform:uppercase;color:#1d1d1d}nav>div{display:flex;align-items:center}nav>div>a{color:#1d1d1d;font-size:1.2rem;margin:0 1rem;transition:all .3s}nav>div>a:hover{opacity:.5}nav>div>a>p{position:absolute;background-color:#fff;border-radius:50%;width:15px;height:15px;font:900 .7rem Roboto;display:grid;place-items:center;transform:translate(80%,-80%)}.home{display:flex;padding:3rem;justify-content:center;flex-wrap:wrap}.productCard{background-color:#fff;width:200px;margin:2rem;border-radius:5px;padding:2rem;transition:all .5s;display:flex;align-items:center;flex-direction:column}.productCard>img{height:100%;width:100%;object-fit:cover}.productCard>h4{margin:4rem}.productCard>button{cursor:pointer;background-color:#ed5615;border:none;padding:1rem;color:#fff;border-radius:5px;transition:all .5s;width:100%;font-weight:500}.productCard>button:hover{background-color:#c54812}.productCard:hover{transform:scale(1.05)}.cart{height:100vh;display:grid;grid-template-columns:4fr 1fr}.cart>main{padding:2rem;overflow-y:auto}.cart>main::-webkit-scrollbar{display:none}.cart>main>h1{color:#fff;font:100 2rem Roboto}.cart>aside{border-radius:100px 0 0 100px;background-color:#1d1d1d;color:#fff;height:100%;width:100%;box-shadow:-10px 0 10px #0000002e;display:flex;justify-content:center;flex-direction:column}.cart>aside>h2{margin:1rem;font:100 1.8rem Roboto;letter-spacing:2px}.cart>aside>h2:last-of-type{font-weight:600}.cartItem{background-color:#fff;width:100%;border-radius:10px;margin:2rem 0;padding:1rem;display:grid;grid-template-columns:1fr 3fr 1fr 1fr;align-items:center}.cartItem img{width:100%;height:200px;object-fit:contain}.cartItem>div{display:flex;align-items:center;height:100%}.cartItem>div button{width:30px;height:30px;border:none;background-color:#1d1d1d;color:#fff;border-radius:5px;cursor:pointer}.cartItem>div button:hover{background-color:#121212}.cartItem>div p{width:30px;height:30px;display:grid;place-items:center}.cartItem>svg{cursor:pointer;font-size:1.5rem;display:inline-block;margin:auto}.cartItem>svg:hover{color:#ed5615}@media screen and (max-width: 820px){.cart{grid-template-columns:1fr}.cart>aside{padding:2rem;border-radius:0%}.cart>aside>h2{font:100 1.2rem Roboto}}body{background-color:#1d1d1d}