body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-user-select:none;-ms-user-select:none;user-select:none}html{scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.mainScreen{background-color:#000;background-image:url(/static/media/starryBackground.142336c1787e5a48be6f.jpeg);display:flex;flex-direction:column;margin:0}.parallax{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}.flex-placeholder{display:flex;flex-grow:2;z-index:1}.parallax-video{height:100%;object-fit:cover;overflow:hidden;position:fixed;width:100%}.scrollBox{flex-direction:column;z-index:2}.layer-ux,.scrollBox{display:flex;width:100%}.layer-ux{height:100%;position:absolute;z-index:3}.next-image img:hover{-webkit-transform:rotate(90deg) scale(1.5);transform:rotate(90deg) scale(1.5)}.next-image{bottom:0;display:flex;height:10%;justify-content:center;position:absolute;width:100%;z-index:3}.next-image img{cursor:pointer;max-height:100%;max-width:100%;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:all .2s ease-in-out}.image-stretcher{text-align:center}.welcome-title{align-items:center}.welcome-brief,.welcome-title{background-color:#c0c0c03d;border-radius:1 rem;color:#fff;display:flex;flex-direction:column;font-size:5rem;z-index:1}.welcome-brief{text-align:right}.front-panel{display:flex;flex-direction:column;flex-grow:1}.layer-home{text-align:center;z-index:2}.layer-home,.product-categories{display:flex;flex-direction:column;height:100vh;scroll-snap-align:start}.product-categories{align-items:space-between;background-color:hsla(0,0%,100%,.1);justify-content:space-around}@-webkit-keyframes bgcolorchange{0%{background-color:rgba(0,0,0,.3)}10%{background-color:rgba(53,37,37,.3)}20%{background-color:rgba(12,7,61,.3)}30%{background-color:rgba(14,88,39,.3)}40%{background-color:rgba(77,76,21,.3)}50%{background-color:rgba(24,8,61,.3)}60%{background-color:rgba(255,17,17,.3)}70%{background-color:rgba(8,255,41,.3)}80%{background-color:rgba(238,255,0,.3)}90%{background-color:rgba(121,11,102,.3)}to{background-color:rgba(1,1,1,.3)}}@keyframes bgcolorchange{0%{background-color:rgba(0,0,0,.3)}10%{background-color:rgba(53,37,37,.3)}20%{background-color:rgba(12,7,61,.3)}30%{background-color:rgba(14,88,39,.3)}40%{background-color:rgba(77,76,21,.3)}50%{background-color:rgba(24,8,61,.3)}60%{background-color:rgba(255,17,17,.3)}70%{background-color:rgba(8,255,41,.3)}80%{background-color:rgba(238,255,0,.3)}90%{background-color:rgba(121,11,102,.3)}to{background-color:rgba(1,1,1,.3)}}.section-holder{cursor:grab;display:flex;overflow:hidden;padding:0 10px;width:100%}.section-holder:active{cursor:grabbing;cursor:-webkit-grabbing}.section-holder::-webkit-scrollbar{display:none}.section{align-items:center;height:100%;justify-self:center;width:100%}.panel,.section{align-self:center;border-radius:10px;display:flex}.panel{background-color:hsla(0,0%,100%,.08);height:20rem;width:80%}.product-category-title{align-items:center;background-color:#9b9b9b10;border-radius:10px 0 0 10px;display:flex;font-size:30px;justify-content:center;width:80px}.product-category-title h1{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.glossyContainer{background:linear-gradient(135deg,rgba(250,255,254,.506),rgba(54,47,47,.651),rgba(250,255,254,.69));background-size:350% 350%;border-radius:10px;box-shadow:3px 5px 15px 2px #46464655;display:flex;flex-direction:column;height:80%;justify-content:space-between;margin:10px 50px;min-width:200px;transition:all .2s ease-in-out;width:200px}.glossyContainer:hover{-webkit-animation:product-hover 4s ease forwards;animation:product-hover 4s ease forwards;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.glossyContainer:active{cursor:grabbing}.image{align-self:center;height:80%;margin:0;width:100%}.image img{border-radius:10px 10px 0 0;height:100%;pointer-events:none;width:100%}.title-holder{align-items:center;display:flex;flex-grow:1;justify-content:center}.title{align-self:center;color:#fff;font-size:1.4rem;font-weight:700;margin:0 .5rem;max-height:52px;text-align:center}@-webkit-keyframes product-hover{0%{background-position:90% 0}50%{background-position:11% 100%}to{background-position:90% 0}}@keyframes product-hover{0%{background-position:20% 20%}to{background-position:90% 0}}
/*# sourceMappingURL=main.5cfdeea4.css.map*/