body{background-color:#eaeded;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}*{margin:0}@media only screen and (max-width:600px){body{background-color:red}}.header{background-color:#131921;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header__nav{display:flex;justify-content:space-evenly}.header__option{display:flex;flex-direction:column;margin-left:10px;margin-right:10px}.header__optionBasket{display:flex;flex:1 1}.header__basketCount{margin-left:10px;align-items:center}.header__optionLineOne{font-size:10px}.header__optionLineTwo{font-size:13px;font-weight:800}.header__link{color:#fff;text-decoration:none}.header__logo{width:100px;object-fit:contain;margin-left:20px;margin-right:20px;margin-top:18px}.header__search{display:flex;flex:1 1}.header__searchInput{height:12px;padding:10px;border:none;width:100%}.header__searchIcon{padding:5px;height:22px!important;background-color:#0ff}.header__searchIcon:hover{background:orange;transition:.2s ease-in-out}.music{text-decoration:none}.product{display:flex;flex:1 1;flex-direction:row;max-height:400px;min-width:50px;align-items:center;justify-content:flex-end;background-color:#fff;margin:10px;padding:20px;width:100%;z-index:1;border-radius:20px}.product__info{height:100px;margin-bottom:15px;justify-content:bottom}.product__price{margin-top:5px}.product__rating{display:flex}.product>img{max-width:200px;width:100%;object-fit:contain;margin-bottom:10px;margin-top:10px}.product>button{background:#0ff;border:1px solid #000;transition:all .3s ease-in-out;padding:2% 5%;border-radius:10px}.product>button:hover{background:linear-gradient(orange,#ffeb3b,orange,#ffeb3b)}.home{max-width:1500px;margin-left:auto;margin-right:auto}.home__image{width:100%;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);z-index:-1;margin-bottom:-900px}.home__row{display:flex;z-index:1;margin-left:5px;justify-content:center}.checkout{display:flex;padding:20px;background-color:#f5f1f1;height:-webkit-max-content;height:-moz-max-content;height:max-content}.checkout title{margin-right:10px;padding:10px;border-bottom:1px solid #d3d3d3}.checkout__funny{width:100%;margin-bottom:10px}.checkoutProduct{display:flex;margin-top:20px;margin-bottom:20px}.checkoutProduct__image{object-fit:contain;width:180px;height:180px}.checkoutProduct__info{padding-left:20px}.checkoutProduct__rating{display:flex}.checkoutProduct__title{font-size:17px;font-weight:800}.checkoutProduct__info>button{background:#f14242;margin-top:10px;border:1px solid #000;color:#fff;cursor:pointer;transition:all .3s ease-in-out;border-radius:9px!important}.checkoutProduct__info>button:hover{background:red}.subtotal{display:flex;flex-direction:column;justify-content:space-between;width:300px;height:100px;padding:20px;background-color:#f3f3f3;border:1px solid #ddd;border-radius:3px}.subtotal__gift{display:flex;align-items:center}.subtotal__gift>input{margin-right:5px}.subtotal>button{background-color:#9cfd9c;border-radius:10px;padding:2% 5%;width:100%;height:30px;margin-top:10px;border:1px solid #000;color:#000;cursor:pointer;transition:all .2s ease-in-out}.subtotal>button:hover{background:#48ff00}.login{background-color:#131921;height:100vh;align-items:center}.login,.login__container{display:flex;flex-direction:column}.login__container{width:300px;padding:20px;border:1.4px solid orange}.login__container>h1{font-weight:500;margin-bottom:20px}.login__container>form>h5{margin-bottom:5px}.login__container>form>input{height:30px;margin-bottom:10px;background-color:#fff;width:98%}.login__container>p{margin-top:15px;font-size:12px}.login__logo{margin-top:20px;margin-bottom:20px;width:100px;object-fit:contain}.login__signInButton{border-radius:50px;background:linear-gradient(#0ff,#04adb3,#0ff,#04adb3);border:1px solid #000;color:#000;margin-top:10px;width:100%;height:30px;cursor:pointer}.login__signInButton:hover{box-shadow:inset 0 5px 50px 0 #15f4ee,0 5px 50px 0 #15f4ee;transition:all .2s ease-in-out;background:#fff}.login__registerButton{border-radius:50px;background:linear-gradient(orange,#ffeb3b,orange,#ffeb3b);border:1px solid #000;color:#000;margin-top:10px;width:100%;height:30px;cursor:pointer}.login__registerButton:hover{box-shadow:inset 0 5px 50px 0 #ffeb3b,0 5px 50px 0 orange;background:#fff;transition:all .2s ease-in-out}.sub{border-radius:50px;background:linear-gradient(#db9ddb,#d8e6eb,#df8fd1,#cde1e6);border:1px solid #000;color:#000;margin-top:10px;width:100%;height:30px;cursor:pointer;transition:all .3s ease-in-out}.sub:hover{box-shadow:inset 0 5px 50px 0 #fff,0 5px 50px 0 #ff00f2,0 5px 50px 0 #09f;background:#fff;transition:all .2s ease-in-out}
/*# sourceMappingURL=main.0cb6e5e5.chunk.css.map */