*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eaeded;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:457px){body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{align-items:center;background-color:#000;height:60px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header,.logo__name{display:flex}.brand__name{color:#f0f;display:flex;height:10px;margin-right:10px}.brand__name>h1{font-family:cursive;font-size:large;margin-top:15px;padding-left:-5px;text-decoration:none;text-shadow:none;z-index:-1}.header_logo{height:40px;margin-left:-5px;margin-top:10px;object-fit:contain;width:100px}.header_nav{display:flex;justify-content:space-evenly;margin-left:100px}.header_option{color:#fff;display:flex;flex-direction:column;margin-left:10px;margin-right:10px}.header_option1{font-size:10px}.header_option2{font-size:13px;font-weight:700}.shopping_basket{align-items:center;color:#fff;display:flex;text-decoration:none;text-shadow:none}.header_basketcount{margin-left:10px;margin-right:10px;text-decoration:none}@media(max-width:745px){.header{height:50px;width:100%;z-index:100}.header_logo{height:40px;margin-left:5px;margin-top:2px}.brand__name>h1{font-size:medium;margin-top:10px;padding-left:0;z-index:-.5px}.brand__name{height:5px;margin-right:7px}.header_nav{margin-left:50px}.header_option{margin-left:5px;margin-right:5px}.header_option2{font-size:15px;font-weight:500}.header_basketcount{margin-left:3px;margin-right:3px}}@media(max-width:510px){.header_logo{height:20px;margin-left:2.5px;margin-top:1px}.brand__name>h1{font-size:small;margin-top:5px}.brand__name{height:3px;margin-right:4px}.header_nav{margin-left:10px}.header_option{margin-left:5px;margin-right:5px}.header_option2{font-size:8px;font-weight:200}.header_basketcount{margin-left:1.5px;margin-right:1.5px}}@media(max-width:454px){@media(max-width:457px){body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}}.header{height:45px;max-width:2000px;width:100%;z-index:100}}.home{background-color:#000;display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:1500px;width:100%}.home__image{height:300px;margin-bottom:-150px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);width:100vw;z-index:-1}.home__row{align-items:center;display:flex;margin-left:5px;margin-right:5px;z-index:1}@media(max-width:750px){.home__row{margin-left:2px;margin-right:2px}}@media(max-width:457px){body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.home{height:100vh;max-width:2000px;width:100%}.home__row{margin-left:5px;margin-right:5px}}.product{background-color:#f0f8ff;border:10px transparent;flex-direction:column;justify-content:flex-end;margin:10px;max-height:350px;padding:20px;width:100%;z-index:1}.product,.product__rating{display:flex}.product>img{border-radius:15px;margin-bottom:5px;max-height:150px;object-fit:contain;width:100%}.product>button{background:#f0f;border:1px solid #8b008b;border-radius:5px;color:#111;height:30px;margin-top:5px;width:50%}.product__price{margin-top:5px}.product__info{height:100px;margin-bottom:10px;padding-top:10px}@media(max-width:739px){.product{border:5px transparent;width:100%;z-index:.5}.product>img{height:auto;max-width:100%}.product__info{height:50px;margin-bottom:90px}.product__price{margin-top:2.5px}.product__rating{width:100%}.product>button{border:.5px solid;border-radius:2.5px;height:35px;margin-top:40px;width:70%}}@media(max-width:457px),(min-width:393px){body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.product{max-width:2000px;width:100%}}.checkout{background-color:#f08080;display:flex;height:-webkit-max-content;height:max-content;padding:10px}.checkout__ad{height:250px;margin-bottom:10px;width:100%}.checkout__title{border-bottom:1px solid #d3d3d3;margin-left:10px;padding:10px}.checkoutProduct{display:flex;margin-bottom:20px;margin-top:20px}.checkoutProduct__info{padding-left:20px}.checkoutProduct__info>button{background:#f0f;border:1px solid #8b008b;border-radius:5px;color:#111;height:30px;margin-top:5px;width:30%}.checkoutProduct__image{height:180px;object-fit:contain;width:180px}.checkoutProduct__rating{display:flex}.checkoutProduct__title{font-size:17px;font-weight:800}@media(max-width:739px){.checkoutProduct{margin-bottom:10px;margin-top:10px;width:100%}.checkoutProduct__info>button{height:50px;margin-top:15px;width:150px}.checkoutProduct__image{height:auto;width:100%}}@media(max-width:520px){.checkoutProduct{margin-bottom:10px;margin-top:10px;width:100%}.checkoutProduct__info>button{height:50px;margin-top:15px;width:150px}.checkoutProduct__image{height:auto;width:100%}}.subtotal{background-color:#f3f3f3;border:1px solid #ddd;border-radius:3px;display:flex;flex-direction:column;height:100px;justify-content:space-between;padding:20px;width:300px}.subtotal__gift{align-items:center;display:flex}.subtotal__gift>input{margin-right:5px}.subtotal>button{background:#f0f;border:1px solid #8b008b;border-radius:5px;color:#111;height:30px;margin-top:5px;width:100%}@media(max-width:739px){.subtotal{height:200px;padding:20px;width:100px}.subtotal>button{background:#f0f;height:40px}}.login{background-color:#000;flex-direction:column;height:100vh}.login,.name__logo{align-items:center;display:flex}.name__logo{color:#f0f;justify-content:center}.name__logo>h1{color:#f0f;font-family:cursive;-webkit-text-decoration:wavy;text-decoration:wavy}.login__logo{height:40px;margin:20px auto;width:100px}.login__container{border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:300px}.login__container>h1{color:#fff;font-weight:500;margin-bottom:20px}.login__container>form>h5{color:#fff;margin-bottom:5px}.login__container>form>input{background-color:#fff;height:30px;margin-bottom:10px;width:98%}.login__container>p{color:#fff;font-size:12px;margin-top:15px}.login__signInButton{background:#f0f;border:1px solid #8b008b;border-radius:5px;color:#111;height:30px;margin-top:5px;width:100%}.login__registerButton{background-color:aqua;border:1px solid #a9a9a9;border-radius:2px;border-radius:10px;height:30px;margin-top:10px;width:100%}.payment{background-color:#db7093}.payment__container>h1{background-color:#eaeded;border-bottom:1px solid #d3d3d3;font-weight:400;padding:10px;text-align:center}.payment__container>h1 a{text-decoration:none}.payment__section{border-bottom:1px solid #d3d3d3;display:flex;margin:0 20px;padding:20px}.payment__container>h1{font-family:bold}.payment__title{flex:0.2 1}.payment__address,.payment__items .payment__details{flex:0.8 1}.payment__details>button{background:#f0f;border:1px solid #8b008b;border-radius:5px;color:#111;height:30px;margin-top:5px;width:100%}@media(max-width:730px){.payment__container>{align-items:flex-start;justify-content:left;margin-left:5px;padding-left:0}.payment__section{margin-left:5px;padding:5px}.payment__details>button{margin-left:20px;width:100%}}@media(max-width:476px){body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.payment{max-width:2000px;width:100vw}}.oders__container{background-color:#db7093;height:100vh;width:100vw}.orders{align-items:center;display:flex;flex-direction:column;justify-content:center}.orders>p{color:light grey;font-family:Arial,Helvetica,sans-serif;font-weight:15px}
/*# sourceMappingURL=main.5ef93fe2.css.map*/