body{margin:0;padding: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}canvas{position:absolute;z-index:-10;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;display:block}body{font-family:Open Sans Condensed}a{text-decoration:none;color:#000}*{box-sizing:border-box}.menu-item{display:flex;align-items:center;justify-content:center;border:1px solid #000;margin:0 7.5px 15px;overflow:hidden}.menu-item.hats{width:14%;height:16%;position:absolute;top:9%;left:38%}.menu-item.jackets{width:19%;height:23%;position:absolute;top:15%;left:6%}.menu-item.sneakers{width:19%;height:23%;position:absolute;top:60%;left:10%}.menu-item.womens{top:8%}.menu-item.mens,.menu-item.womens{width:20%;height:30%;position:absolute;right:2%}.menu-item.mens{top:55%}.menu-item:hover{cursor:pointer}.menu-item:hover .background-image{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform 4.5s cubic-bezier(.25,.45,.45,.95);transition:transform 4.5s cubic-bezier(.25,.45,.45,.95);transition:transform 4.5s cubic-bezier(.25,.45,.45,.95),-webkit-transform 4.5s cubic-bezier(.25,.45,.45,.95)}.menu-item:hover .content{opacity:.9}.menu-item.large{height:380px}.menu-item:first-child{margin-right:7.5px}.menu-item:last-child{margin-left:7.5px}.menu-item .background-image{width:100%;height:100%;background-size:cover;background-position:50%}.menu-item .content{height:90px;padding:0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;background-color:#fff;opacity:.7;position:absolute}.menu-item .content .title{font-weight:700;margin:0 6px;font-size:26px;color:#4a4a4a}.menu-item .content .subtitle{font-weight:lighter;font-size:16px}@media only screen and (max-width:800px){body{overflow:hidden}canvas{display:none}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000;overflow:hidden}.menu-item.hats{left:-5px;top:85%;width:99%;height:15%}.menu-item.jackets{left:-5px;top:53%;width:99%;height:16%}.menu-item.sneakers{left:-5px;top:69%;width:99%;height:16%}.menu-item.womens{left:-5px;top:7%;width:99%;height:23%}.menu-item.mens{left:-5px;top:30%;width:99%;height:23%}.menu-item .background-image{background-position:top}}.directory-menu{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.mainTextFirst{margin-top:17vh}.mainTextLast{margin-top:4vh}.mainTextFirst h1{font-family:Bungee Shade,cursive;background:#ffed94;display:flex;align-items:center;justify-content:center;align-content:center;font-weight:400;width:100%;text-align:center;line-height:17vh;font-size:5.5vw;margin:0;background:linear-gradient(-45deg,#fff 25%,#feac5e 0,#feac5e 50%,#fff 0,#fff 75%,#feac5e 0,#feac5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:20px 20px;background-position:0 0;-webkit-animation:stripes 1s linear infinite;animation:stripes 1s linear infinite}@-webkit-keyframes stripes{to{background-position:20px 0,20px 0,20px 0}}@keyframes stripes{to{background-position:20px 0,20px 0,20px 0}}.mainTextLast h1{font-family:Roboto,sans-serif;margin:0;text-align:center;font-size:6.5vw;position:relative;font-weight:900;text-transform:uppercase;line-height:1;color:transparent}.mainTextLast h1:focus{outline:none}.mainTextLast h1:after,.mainTextLast h1:before{content:attr(data-heading);position:absolute;top:0;left:0}.mainTextLast h1:before{color:#0ff;-webkit-clip-path:polygon(0 100%,100% 100%,100% 40%,0 60%);clip-path:polygon(0 100%,100% 100%,100% 40%,0 60%)}.mainTextLast h1:after{color:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 36%,0 56%);clip-path:polygon(0 0,100% 0,100% 36%,0 56%);-webkit-animation:slide 5s infinite;animation:slide 5s infinite}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translate(-20px,2%);transform:translate(-20px,2%)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translate(-20px,2%);transform:translate(-20px,2%)}}@media only screen and (max-width:1700px){.points{background-image:none}}.homepage{display:flex;flex-direction:column;align-items:center}.custom-button{min-width:165px;width:auto;height:50px;letter-spacing:.5px;line-height:50px;padding:0 35px;font-size:15px;background-color:#000;color:#fff;text-transform:uppercase;font-family:Open Sans Condensed;font-weight:bolder;border:none;cursor:pointer;display:flex;justify-content:center}.custom-button:hover{background-color:#fff;color:#000;border:1px solid #000}.custom-button.google-sign-in{background-color:#4285f4;color:#fff}.custom-button.google-sign-in:hover{background-color:#357ae8;border:none}.custom-button.inverted{background-color:#fff;color:#000;border:1px solid #000}.custom-button.inverted:hover{background-color:#000;color:#fff;border:none}.collection-item{width:22vw;display:flex;flex-direction:column;height:350px;align-items:center;position:relative}.collection-item .image{width:100%;height:95%;background-size:cover;background-position:50%;margin-bottom:5px}.collection-item .custom-button{width:80%;opacity:.7;position:absolute;top:240px;display:none}.collection-item:hover .image{-webkit-transform:scale(1.1) translate(5px,-5px);transform:scale(1.1) translate(5px,-5px);transition:all .4s}.collection-item:hover .custom-button{opacity:.85;display:flex}.collection-item .collection-footer{width:100%;height:5%;display:flex;justify-content:space-between;font-size:18px}.collection-item .collection-footer .name{width:80%;margin-bottom:15px;padding-top:10px}.collection-item .collection-footer .price{margin-bottom:15px;padding-top:10px;width:10%}.collection-preview{display:flex;flex-direction:column;margin-bottom:30px}.collection-preview .title{font-size:28px;margin-bottom:25px}.collection-preview .preview{display:flex;justify-content:space-between}.collections-overview{display:flex;flex-direction:column;font-family:Roboto,sans-serif;color:#b3b3b3}.collection-page{display:flex;flex-direction:column;background-color:rgba(54,37,29,.411);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.collection-page .title{font-size:38px;margin:auto 30px}.collection-page .items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;color:#686868;font-family:Roboto,sans-serif}.collection-page .items .collection-item{margin-bottom:30px;padding-bottom:30px;background-color:hsla(0,0%,100%,.7)}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:grey;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border-radius:0;border:none;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-14px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:grey;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .3s ease}.group .form-input-label.shrink{top:-14px;font-size:12px;color:#000}.sign-in{width:380px;display:flex;flex-direction:column}.sign-in .title{margin:10px 0}.sign-in .buttons{display:flex;justify-content:space-between}.sign-up{display:flex;flex-direction:column;width:380px}.sign-up .title{margin:10px 0}.sign-in-and-sign-up{width:60vw;justify-content:space-around;margin:30px auto;padding:50px;backdrop-filter:blur(8px);background-color:hsla(0,0%,94.1%,.52)}.checkout-item,.sign-in-and-sign-up{display:flex;-webkit-backdrop-filter:blur(5px)}.checkout-item{font-family:Roboto,sans-serif;color:#fff;width:100%;min-height:100px;border-bottom:1px solid #a9a9a9;padding:15px 0;font-size:20px;align-items:center;background-color:rgba(54,37,29,.411);backdrop-filter:blur(5px)}.checkout-item .image-container{width:23%;padding-right:15px}.checkout-item .image-container img{width:100%;height:100%}.checkout-item .name,.checkout-item .price,.checkout-item .quantity{width:23%}.checkout-item .quantity{display:flex}.checkout-item .quantity .arrow{cursor:pointer}.checkout-item .quantity .value{margin:0 10px}.checkout-item .remove-button{padding-left:12px;cursor:pointer}.checkout-page{width:55%;min-height:90vh;display:flex;flex-direction:column;align-items:center;margin:50px auto 0;font-family:Roboto,sans-serif}.checkout-page .checkout-header{width:100%;padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid #a9a9a9;background-color:rgba(54,37,29,.411);color:#f5f5f5}.checkout-page .checkout-header .header-block{text-transform:capitalize;width:23%}.checkout-page .checkout-header .header-block:last-child{width:8%}.checkout-page .total{margin-top:30px;margin-left:auto;font-size:36px;color:#949494;background-color:rgba(5,134,255,.1)}.cart-icon{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-icon,.cart-icon .shopping-icon{width:45px;height:45px}.cart-icon .item-count{position:absolute;font-size:18px;font-weight:700;bottom:5px}.cart-item{width:100%;display:flex;height:80px;margin-bottom:15px;z-index:20}.cart-item img{width:30%}.cart-item .item-details{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 20px}.cart-item .item-details .name{font-size:16px}.cart-dropdown{z-index:30;position:absolute;width:240px;height:340px;display:flex;flex-direction:column;padding:20px;border:1px solid #000;background-color:#fff;top:90px;right:40px}.cart-dropdown .empty-message{font-size:18px;margin:50px auto}.cart-dropdown .cart-items{height:240px;display:flex;flex-direction:column;overflow:scroll;z-index:20}.cart-dropdown button{margin-top:auto}.header{position:relative;height:70px;width:100%;display:flex;justify-content:space-between;background-color:hsla(0,0%,100%,.253);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.header .logo-container{height:100%;width:70px;padding:5px 20px}.header .options{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:20px;padding-right:30px}.header .options .option{padding:10px 15px;cursor:pointer}
/*# sourceMappingURL=main.0d3cd1e6.chunk.css.map */