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}.grid-input{display:grid;grid-template:auto auto;width:100%}.inputs{width:300px;padding:.4em}nav{position:relative;height:8vh;background-image:inherit}.brand{left:3%;top:10px;font-size:30px;color:#fff}.brand,.input{position:absolute}.input{margin:10px 0 0;left:26%;border-radius:3px;border:.4px solid #000}.input>input{padding:.4em;border:none;height:40px;width:300px;border-top-right-radius:2px;border-bottom-right-radius:2px}.input>button{padding:.3em 10px;height:40px;border:none;background-color:#fff;border-top-left-radius:2px;border-bottom-left-radius:2px;float:left}.links{position:absolute;right:7%;display:flex;top:15px;font-size:20px}.links a{padding-left:2em;text-decoration:none;color:#fff;text-transform:uppercase}.right{position:absolute;right:2%;top:10px;font-size:20px;color:#fff;background-color:inherit;border:none}.d-sm{display:none}@media screen and (max-width:992px){nav{box-shadow:none;background-color:none;position:relative;z-index:100;height:auto}.brand{z-index:100;width:100vw;padding:4px 0 0 10px;font-size:25px;color:#fff;height:50px}.brand,.input{position:fixed;left:0;top:0;z-index:1000;background-color:#000}.input{width:96vw;height:100vh;margin:auto;display:none}.input>input{padding:.4em;border:none;height:40px;width:90%;border-top-right-radius:2px;border-bottom-right-radius:2px}.input>button{padding:.3em auto;width:10%;height:40px;border:none;background-color:#fff;border-top-left-radius:2px;border-bottom-left-radius:2px}.links{height:100vh;width:60%;padding-top:100px;position:fixed;top:auto;left:0;z-index:1000;font-size:20px;display:none;background-color:#000}.links div{width:100%;padding:1em;border-bottom:1px solid #d3d3d3}.links a{padding-left:2em;color:#fff;text-decoration:none;text-transform:uppercase}.right{position:fixed;right:10%;z-index:1000;top:5px;font-size:20px;color:#fff;background-color:inherit;border:none}.d-sm{display:block}}.sidebar{opacity:0;width:0;transition:width 1s ease-in}.content,.sidebar{display:none}@keyframes slidediv{0%{left:-50%}to{left:0}}@media screen and (max-width:992px){.side{position:fixed;color:#f0f8ff;top:0;left:0;z-index:100;width:100%;height:100vh;opacity:.7;background-color:#000;background-image:inherit;transition:2s}.content{width:50%;height:100vh;top:50px;display:block;animation-name:slidediv;animation-direction:alternate;animation-duration:.3s;animation-play-state:running;animation-fill-mode:both;left:-50%;animation-timing-function:ease-in-out}.content div{height:auto;font:25px open;padding:15px 0 15px 20px;width:100%;border-bottom:1px solid #d3d3d3;color:#fff}.content div a{color:#fff;text-transform:capitalize;text-decoration:none;width:100%;animation-name:slidediva;animation-direction:alternate;animation-duration:.2s;animation-play-state:running;animation-fill-mode:forwards;animation-timing-function:linear}}.darken{height:100vh;position:absolute;width:100%;-webkit-filter:brightness(40%);filter:brightness(40%);background-color:indigo;background-repeat:no-repeat;background-size:100% 100%;background-image:none}header{position:relative;height:90vh;padding:10px 10px 0;background-image:inherit}header .text{padding:25vh 0 0 15%;color:#fff}header .text span:first-child{font:70px open}header .text span:nth-child(3){font:20px cursive}header button{background-color:inherit;padding:10px 50px;margin:5vh 0 0 20%;color:#f5f5f5;font-size:20px;border:.2px solid #fff}main{width:100%;position:relative;top:0;padding-top:5px}main .xyz{padding:0 5%;width:auto;height:auto;display:grid;grid-template-areas:"aaa bbb ddd" "eee eee eee" "ccc ccc ccc";grid-template-rows:400px 50px auto;grid-template-columns:25% 50% 25%;grid-gap:5px}main .xyz .aaa{grid-area:aaa}main .xyz .aaa .a-head{font:25px open;text-align:center;padding:10px 0;color:#343a30}main .xyz .aaa .cate{font:20px open}main .xyz .aaa .eachcate{color:#343a30;padding:5px 0 0 5%;border-bottom:.1px solid #d3d3d3;height:40px;border-radius:0;cursor:pointer}main .xyz .aaa .eachcate:hover{background-color:#343a30;color:#fff}main .xyz .bbb{grid-area:bbb;background-size:cover;transition:background 2s;background-image:url(../../static/media/3d.0862d315.png)}main .xyz .bbb .picslides{height:100%;width:686px}main .xyz .bbb i{cursor:pointer}main .xyz .bbb .arr{position:absolute;top:49%;border-radius:100px;padding:10px;background-color:#000;color:#fff;opacity:.2}main .xyz .bbb .leftarrow{left:1%}main .xyz .bbb .rightarrow{right:1%}main .xyz .bbb div{width:100%;text-align:center;bottom:1%;background-image:inherit;position:absolute}main .xyz .bbb div i{font-size:10px;margin:0 2px;opacity:.4}main .xyz .ddd{grid-area:ddd;display:block;background-color:#fff}main .xyz .ddd div{height:195px;width:100%;background-color:grey}main .xyz .ddd .ddd1{margin-bottom:10px;font-size:25px}main .xyz .eee{grid-area:eee;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:20px;padding-top:5px;text-align:center}main .xyz div{background-color:#fff}main .xyz .product{grid-area:ccc;display:inline-flex;width:100%;flex-wrap:wrap;grid-gap:5px;gap:5px}main .xyz .product .item{width:100%;flex:15% 1;margin-bottom:20px;background-color:#fff;height:250px;border:1px solid #d3d3d3;border-radius:3px;color:#fff}main .xyz .product .item div{height:30%;color:#343a30;background-color:#fff;padding:4px 10px;border-top:1px solid #d3d3d3}main .xyz .product .item div .name{font-family:Georgia,"Times New Roman",Times,serif;font-size:20px}main .xyz .product .item div .price{font-size:30px;font-style:bold}footer{width:100%;height:300px;background-color:#343a30}footer span{left:48%;bottom:0}@media screen and (max-width:992px){.body{width:auto}.darken{height:100vh;position:absolute;width:100%;-webkit-filter:brightness(40%);filter:brightness(40%);background-color:indigo;background-repeat:no-repeat;background-size:100% 100%}header{position:relative;height:90vh;padding:10px 10px 0;background-image:inherit}header .text{padding:25vh 0 0 9%;color:#fff}header .text span:first-child{font:60px open}header .text span:nth-child(3){font:20px cursive}header button{background-color:inherit;padding:10px 40px;margin:5vh 0 0 20%;color:#f5f5f5;font-size:20px;border:.2px solid #fff}main{width:99%;position:relative;top:0;padding-top:5px}main .xyz{padding:0 2%;width:auto;display:grid;grid-template-areas:"bbb bbb" "aaa aaa" "ddd ddd" "ccc ccc" "eee eee";grid-template-rows:400px auto auto auto 200px;grid-template-columns:40% 60%;grid-gap:5px;margin:5px}main .xyz .aaa{grid-area:aaa;display:none}main .xyz .bbb{grid-area:bbb}main .xyz .ddd{grid-area:ddd;background-color:#fff;display:none}main .xyz .ddd div{height:100%;width:49%;background-color:grey;border:none}main .xyz .ddd .ddd1{margin-right:0;font-size:25px}main .xyz .eee{grid-area:eee;padding-top:80px}main .xyz .product{grid-area:ccc;background-color:#fea;display:inline-flex;width:100%;flex-wrap:wrap;grid-row-gap:10px}main .xyz .product .item{width:100%;flex:24% 1;height:auto}main .xyz .product .item div{height:30%;color:#000;background-color:#fff;padding:2px 4px;font:15px open;color:#fff}main .xyz .product .item div .name{font-family:Georgia,"Times New Roman",Times,serif;font-size:17px}main .xyz .product .item div .price{font-size:25px;font-style:bold}footer span{left:40%;bottom:1%}}@media screen and (max-width:576px){main{padding-top:2px}main .xyz{padding:0;grid-template-rows:300px auto 200px auto 200px}main .xyz .aaa{grid-area:aaa;display:none}main .xyz .bbb{grid-area:bbb}main .xyz .ddd{grid-area:ddd}main .xyz .eee{grid-area:eee}main .xyz .product{grid-area:ccc;grid-row-gap:10px}main .xyz .product .item{width:90%;flex:45% 1;cursor:pointer;height:auto;margin:5px}main .xyz .product .item div{font:15px open}main .xyz .product .item div .name{font-size:14px}main .xyz .product .item div .price{font-size:20px}}.itempage{height:700px;align-items:center;padding:10px 0 0 70px;width:100%;display:flex;background-color:#fff}.itempage .sl{animation-name:slideright;animation-duration:2s;right:0}@keyframes slideright{0%{right:-50%}to{right:0}}.itempage .details,.itempage .picture{width:48%;height:90%;border:.2px solid #d3d3d3}.itempage .details{color:#fff;position:relative}.itempage .details button{position:absolute;height:50px;color:grey;bottom:4%;left:25%;padding:10px 0;font-size:20px;background-color:#fff}.itempage .mate{position:absolute;height:50px;margin:auto;bottom:75px;width:100%;text-align:center}.itempage .mate .cartbtn:first-child{width:25%;font:15px open;height:inherit;left:25%}.itempage .mate .cartbtn:nth-child(2){width:25%;font:15px open;height:inherit;left:60%}@media screen and (max-width:992px){.itempage{height:700px;width:100%;background-color:#fff;display:flex}.itempage .details,.itempage .picture{width:48%;height:50%}.itempage .mate{bottom:64px}}@media screen and (max-width:576px){.itempage{height:auto;padding:4px 0 0;width:100%;background-color:#fff;display:block}.itempage .details,.itempage .picture{width:100%;height:auto;border:none}.itempage .picture{margin-top:10px;height:400px}.itempage .details{background-color:#fff}.itempage .details .btncart{position:fixed;bottom:2%}.itempage .mate{bottom:66px}}
/*# sourceMappingURL=main.7cf5fdc0.chunk.css.map */