@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800;900&display=swap);:root{--main-bg-red-color:#e14050;--main-white-color:#fff;--main-black-color:#252525;--main-bg-purple-color:#3a2ead;--yellow-color:#ffd524;--cyan-color:#23bfac}header{height:12vh;justify-content:center;pointer-events:none;position:relative;z-index:10}header,nav{display:flex;width:100%}nav{align-items:center;height:100%;justify-content:space-between;max-width:1140px}.logo-navbar{cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));height:81px;pointer-events:all;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out;width:130px}.logo-navbar:hover{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}.logo-navbar img{position:absolute;width:100%}.purpleLogo{opacity:0;transition:opacity .4s ease}.purpleLogo.active{opacity:1}.switch{cursor:pointer;display:inline-block;height:40px;pointer-events:all;position:relative;-webkit-transform:scale(1.05);transform:scale(1.05);width:80px}.switch input{display:none}.slider{border:2px solid var(--main-white-color);border-radius:20px;bottom:0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);left:0;position:absolute;right:0;top:0}.slider:before{background-color:var(--main-white-color);border-radius:50%;bottom:5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);content:"";height:24px;left:10px;opacity:1;position:absolute;transition:.5s;width:24px;z-index:999;z-index:5}.off,.on{color:#fff;font-size:16px;position:absolute;-webkit-transform:translateY(-5%);transform:translateY(-5%)}.off{right:12px;top:14px}.on{left:14px;top:14px}input.checked+.slider:before{-webkit-transform:translateX(33px);transform:translateX(33px)}@media (max-width:1026px){header{padding:0 20px}}@media (max-width:600px){.logo-navbar{height:60px;width:100px}.switch{-webkit-transform:scale(.95);transform:scale(.95)}}.first-section{display:flex;height:88vh;justify-content:center;pointer-events:none;position:relative;width:100%;z-index:10}.first-section .content{height:90%;max-width:1140px;position:relative;width:100%}.sneaker-brand,.sneaker-name{color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));letter-spacing:1.5px;text-transform:uppercase}.sneaker-name{bottom:0;font-weight:400;left:0;margin:auto;position:absolute;right:0;text-align:center}.sneaker-brand{font-weight:700}.jordan-logo{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.15));filter:drop-shadow(0 4px 4px rgba(0,0,0,.15));font-size:1.5rem;-webkit-transform:translateY(10%);transform:translateY(10%)}.brand-container{align-items:center;display:flex;justify-content:center;position:absolute;right:0;top:110px;-webkit-transform:rotate(90deg) translateX(100%);transform:rotate(90deg) translateX(100%);-webkit-transform-origin:top right;transform-origin:top right}.title-container{padding-top:80px;pointer-events:none;position:relative;z-index:10}.title-container h2,.title-container h2 span{color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));font-weight:900;max-width:500px;text-transform:uppercase}.title-container h2{font-size:60px;letter-spacing:1.3px}.title-container h2 span{font-size:23px;letter-spacing:.8px}@media (max-width:1026px){.first-section{padding:0 20px}}@media (max-width:600px){.title-container h2{font-size:26px;letter-spacing:1.3px;max-width:270px}.title-container h2 span{font-size:16px;letter-spacing:.8px;max-width:270px}.sneaker-brand,.sneaker-name{font-size:16px}}.canvasContainer{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}canvas{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}footer{background-color:#252525;justify-content:center;position:relative;z-index:10}.footer-content,footer{align-items:center;display:flex;height:400px;width:100%}.footer-content{justify-content:space-between;max-width:1140px;padding:40px 0}.footer-media-container{color:#fff;display:flex;flex-direction:column}.footer-media-container h4{color:#fff;font-size:20px}.footer-media-container ul{display:flex;list-style:none;margin:10px 0}.footer-media-container ul,.footer-media-container ul li a{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.footer-media-container ul li a{color:var(--main-bg-red-color);cursor:pointer;font-size:1.75rem;margin-right:10px;-webkit-transform:scale(1);transform:scale(1);transition:color .4s ease,-webkit-transform .4s ease-out;transition:color .4s ease,transform .4s ease-out;transition:color .4s ease,transform .4s ease-out,-webkit-transform .4s ease-out}.footer-media-container ul li.darkMode a{color:var(--main-bg-purple-color)}.footer-media-container ul li:hover a{color:var(--main-white-color)}.footer-media-container ul li{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out}.footer-media-container ul li:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}@media (max-width:1026px){footer{padding:0 20px}}@media (max-width:600px){footer{height:250px}.footer-content{align-items:center;flex-direction:column-reverse;height:250px;justify-content:center}.footer-content .logo-navbar{display:none}}.second-section{height:100vh;justify-content:center;overflow-x:hidden;pointer-events:none;position:relative;z-index:10}.second-section,.second-section .content{align-items:center;display:flex;width:100%}.second-section .content{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));height:100%;justify-content:end;max-height:85vh;max-width:1240px}.right-content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;width:40%}.right-content h4{color:var(--main-white-color);font-size:36px;font-weight:700;margin-bottom:20px;text-align:left;width:80%}.right-content ul{color:var(--main-white-color);font-size:3rem;list-style:none}.right-content ul li{align-items:center;display:flex;padding:20px 0}.icon-container{align-items:center;background-color:var(--yellow-color);border-radius:50%;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));height:80px;justify-content:center;margin:0 20px;transition:background-color .4s ease-out;width:80px}.icon-container.dark{background-color:var(--cyan-color)}.right-content ul svg{color:#252525}.item-description{display:flex;flex-direction:column;max-width:200px}.item-description h3,.item-description h3 p{color:var(--main-white-color)}.item-description h3{font-size:28px;font-weight:700}.item-description p{font-size:20px;font-weight:400}@media (max-width:1026px){.second-section{padding:0 20px}}@media (max-width:600px){.right-content{width:90%}.right-content h4{font-size:26px}.icon-container{font-size:2rem;height:50px;width:50px}.item-description h3{font-size:20px}.item-description p{font-size:17px}}.third-section{align-items:center;display:flex;height:100vh;justify-content:center;pointer-events:none;position:relative;width:100%;z-index:10}.third-section .content{height:100%;max-height:80vh;max-width:1140px;position:relative;width:100%}.left-text,.right-text{color:var(--main-white-color);-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));font-size:40px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:60px;position:absolute;text-align:center;text-transform:uppercase;width:500px}.left-text{left:0;-webkit-transform:rotate(-90deg) translate(-140px,100%);transform:rotate(-90deg) translate(-140px,100%);-webkit-transform-origin:bottom left;transform-origin:bottom left}.left-text,.right-text{bottom:0;margin:auto;top:0}.right-text{right:0;-webkit-transform:rotate(90deg) translate(140px,100%);transform:rotate(90deg) translate(140px,100%);-webkit-transform-origin:bottom right;transform-origin:bottom right}.right-text img{height:40px;-webkit-transform:translateY(8px);transform:translateY(8px);width:40px}@media (max-width:1026px){.third-section{padding:0 20px}}@media (max-width:600px){.left-text,.right-text{font-size:26px}}.edit-section{align-items:center;height:100vh;pointer-events:none;z-index:10}.edit-section,.edit-section .content{display:flex;justify-content:center;position:relative;width:100%}.edit-section .content{align-items:flex-end;height:100%;max-height:75vh;max-width:1140px}button{background-color:var(--yellow-color);border:none;border-radius:8px;color:var(--main-black-color);cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));font-weight:900;margin:0;opacity:1;outline:none;padding:8px 14px;pointer-events:all;text-transform:uppercase;transition:opacity .4s ease,background-color .4s ease}button.dark{background-color:var(--cyan-color)}button.hide{opacity:0;pointer-events:none}.close-button{align-items:center;background-color:var(--yellow-color);border-radius:50%;color:var(--main-black-color);cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));filter:drop-shadow(0 4px 4px rgba(0,0,0,.55));justify-content:center;opacity:1;padding:8px;pointer-events:all;position:absolute;right:0;top:0;transition:opacity .4s ease-out,background-color .4s ease}.close-button.hide{opacity:0;pointer-events:none}.close-button.dark{background-color:var(--cyan-color)}.editContentContainer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#fff;bottom:0;box-shadow:0 5px 15px rgba(0,0,0,.55);max-width:500px;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(220px);transform:translateY(220px);transition:opacity .4s ease,-webkit-transform .35s ease-out;transition:opacity .4s ease,transform .35s ease-out;transition:opacity .4s ease,transform .35s ease-out,-webkit-transform .35s ease-out;width:80%}.editContentContainer.active{opacity:1;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0)}.topContent{align-items:center;display:flex;justify-content:center}.bottomContent{width:100%}.option{align-items:center;background-color:var(--main-bg-purple-color);border:2.5px solid #252525;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:60px;justify-content:center;pointer-events:all;text-align:center;text-transform:uppercase;transition:background-color .4s ease,color .35s ease-out;width:25%}.option.light{background-color:var(--main-bg-red-color)}.option.active{background-color:#252525;color:#fff}@media (max-width:1026px){.edit-section{padding:0 20px}}@media (max-width:600px){button{font-size:12px}.editContentContainer{width:90%}.option{font-size:8px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{font-family:Noto Sans,sans-serif;scroll-behavior:smooth;width:100%}.App{background-color:var(--main-bg-red-color);transition:background-color .4s ease}.App.dark{background-color:var(--main-bg-purple-color)}.compact-picker{box-sizing:border-box!important;padding:10px!important;width:100%!important}.loading-container{opacity:0!important;pointer-events:none}.loader-content{align-items:center;background-color:var(--main-bg-purple-color);display:flex;height:100vh;justify-content:center;left:0;opacity:1;pointer-events:all;position:fixed;top:0;transition:opacity .4s ease 1.2s;width:100%;z-index:999}.loader-content.loaded{opacity:0;pointer-events:none}.loader-content h2{color:#fff;font-size:60px;font-weight:900;text-transform:uppercase}
/*# sourceMappingURL=main.64488b0e.css.map*/