a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Poppins";font-style:normal;font-weight:400;src:url(https://sneakersshop.netlify.app/fonts/Poppins-Regular.ttf)}@font-face{font-family:"Poppins";font-style:normal;font-weight:500;src:url(https://sneakersshop.netlify.app/fonts/Poppins-Medium.ttf)}@font-face{font-family:"Poppins";font-style:normal;font-weight:200;src:url(https://sneakersshop.netlify.app/fonts/Poppins-ExtraLight.ttf)}@font-face{font-family:"Poppins";font-style:bold;font-weight:700;src:url(https://sneakersshop.netlify.app/fonts/Poppins-Bold.ttf)}body{font-family:"Poppins",sans-serif}body::-webkit-scrollbar{background-color:#fff;width:16px}body::-webkit-scrollbar-track{background-color:#fff}body::-webkit-scrollbar-track:hover{background-color:#f4f4f4}body::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:5px solid #fff}body::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;border:4px solid #f4f4f4}.font-weight-bold{font-weight:700}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-light{font-weight:200}.foreground{width:85%;margin:auto}.footer{justify-content:center;display:flex;align-items:center;color:#fff}.footer div{padding:1.5rem}a:visited a:link a:active{color:#fff}.full-footer{background-color:#191a1b}.nav-link a{color:#574240}.menu{display:grid;grid-template-columns:5rem auto 5rem}.logo-container{display:flex;align-items:center;text-align:center}.nav-link{margin:0 auto;padding:15px;list-style:none;display:table;text-align:center}.nav-link li{display:table-cell;position:relative;padding:15px 0}.nav-link a{color:#fff;text-decoration:none;letter-spacing:.15em;display:inline-block;padding:15px 10px;margin:0 40px;position:relative}.nav-link a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.nav-link a:hover:after{width:100%;left:0}.dark-mode{display:flex;justify-content:center;align-items:center}.checkbox{opacity:0;position:absolute}.label{background-color:grey;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:5px;border-radius:50px;height:26px;width:50px;position:relative;cursor:pointer}.ball-false{background-color:#fff;border-radius:50%;top:2px;transform:translateX(21px);position:absolute;width:22px;height:22px;transition:transform .2s}.ball-false:hover{box-shadow:0 0 3px 4px #794ebf;transition:all .4s}.ball-false:active{box-shadow:5px 5px 5px 5px #764abc}.ball-true{background-color:#fff;border-radius:50%;top:2px;transform:translateX(-3px);position:absolute;width:22px;height:22px;transition:transform .2s linear}.ball-true:hover{box-shadow:0 0 2px 3px #764abc;transition:.4s}.ball-true:active{box-shadow:5px 5px 5px 5px #764abc}#sun{margin:2px}.fa-bars{display:none!important;z-index:1000;position:relative}.fa-bars:hover{cursor:pointer}@media only screen and (max-width:1024px){.dark-mode,.nav-link{display:none}.fa-bars{display:block!important;padding:45px 0 45px 45px;margin-left:auto}.menu{grid-template-columns:5rem auto}.sidenav{position:fixed;background:#18191a;height:100vh;width:100%;right:0;z-index:999;flex-direction:column;clip-path:circle(0 at 90% -10%);-webkit-clip-path:circle(0 at 90% -10%);transition:all 1s ease-out;display:flex;align-items:center;justify-content:center}.sidenav.open{clip-path:circle(1800px at 90% -10%);-webkit-clip-path:circle(1800px at 90% -10%)}.sidenav li{list-style-type:none;padding:5px}.mobile-menu{font-size:24px;font-weight:300}}@media only screen and (max-width:600px){.sidenav.open{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%)}}.presentation{display:flex;align-items:center;height:calc(100vh - 106px)}.introduction{flex:1 1}.intro-text h1{font-size:44px;background:linear-gradient(90deg,#e71c3d,#574240);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-text p{margin-top:5px;font-size:25px;color:#fff;width:70%}.cta{padding:30px 0 0}.cta-select{border:2px solid #195999;background:transparent;color:#fff;width:150px;height:50px;cursor:pointer;font-size:16px}a{color:#fff;text-decoration:none}.cta-view{background:#195999;width:150px;height:50px;font-size:16px;border:none;color:#fff;cursor:pointer;margin:30px 0 0 30px}@keyframes drop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.bounce{height:420px;width:420px;display:flex;align-items:center;justify-content:center;transition:transform .7s}.bounce img{-webkit-filter:drop-shadow(5px 8px 10px #000);filter:drop-shadow(5px 8px 10px black);animation:drop 1.5s ease;height:450px}.bounce:hover{transform:scale(1.1)}.scroll{position:fixed;bottom:0}.questions{display:inline-block;font-weight:300;text-align:center;margin-top:30px;border-bottom:5px solid #195999}@media screen and (max-width:1024px){.presentation{flex-direction:column}.introduction{margin-top:3.8rem;text-align:center}.intro-text h1{font-size:30px}.intro-text p{font-size:18px}.cta{padding:10px 0 0}}.white{background-color:#fff}.dark{background-color:#1c1e21}.colors-combine{background:linear-gradient(180deg,transparent 72%,#fff),linear-gradient(70deg,#81acf4 62%,#bea5a9 0);height:100vh}.colors-combine .about-description h1,.colors-combine .about-text,.colors-combine .all-form,.colors-combine .contact-h{color:#fff}.colors-combine .send-message{background-color:#bea5a9}.colors-combine #submit{background-color:#81acf4}.colors-combine .content a{color:#000}.colors-combine .full-footer,.colors-combine .success,.colors-combine .success-checkmark,.colors-combine .success-checkmark .check-icon .icon-fix,.colors-combine .success-checkmark .check-icon:after,.colors-combine .success-checkmark .check-icon:before{background-color:#bea5a9}.colors-combine-dark{background:linear-gradient(180deg,transparent 60%,#1c1e21),linear-gradient(70deg,#18191a 62%,#593d88 0);height:100vh;color:#fff}.colors-combine-dark .success,.colors-combine-dark .success-checkmark,.colors-combine-dark .success-checkmark .check-icon .icon-fix,.colors-combine-dark .success-checkmark .check-icon:after,.colors-combine-dark .success-checkmark .check-icon:before{background-color:#593d88}.description{letter-spacing:.08rem;line-height:2rem}.component{text-align:center;align-items:center;padding-top:130px}.component,.last-h{display:flex;justify-content:center}.comp-text{width:70%}.comp-text:first-child{animation:part-2 1.5s ease}.comp-text:nth-child(2){animation:part-1 1.5s ease}.last-comp{margin-top:120px}.container{animation:top-low 1.5s ease}.component p{font-weight:300;margin-top:30px;letter-spacing:1px;font-size:22px}#img-1{animation:part-2 1.5s ease}#img-2{animation:part-1 1.5s ease}@keyframes part-1{0%{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}@keyframes part-2{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}@keyframes top-low{0%{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:translateY(0)}}.image-steps{background-color:#18191a;border-radius:50%;padding:55px;position:absolute;left:50%;-webkit-left:50%;transform:translateX(-50%);-webkit-transform:-webkit-translateX(-50%);transition:padding .2s ease-in-out;transition:.5s ease-in-out;-webkit-transition:padding .2s ease-in-out;-webkit-transition:.5s ease-in-out}.container{padding-bottom:35px;flex-wrap:wrap;z-index:1}.container,.container .card{position:relative;display:flex;justify-content:center;align-items:center}.container .card{width:280px;height:400px;margin:30px;box-shadow:20px 20px 50px rgba(0,0,0,.5);border-radius:15px;background:hsla(0,0%,100%,.1);overflow:hidden;border-top:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.container .card .content{padding:20px;text-align:center;transform:translateY(400px);transition:.5s;-webkit-transition:.5s}.container .card:hover .content{transform:translateY(25px)}.card:hover .image-steps{padding:10px;transform:translateY(-115px) translateX(-50%);-webkit-transform:-webkit-translateY(-115px) -webkit-translateX(-50%)}@media only screen and (max-width:1024px){.component:first-child{flex-direction:column-reverse}.component:nth-child(2){flex-direction:column}.intro-text p{width:100%;font-size:25px}.comp-text{padding-top:30px}.component img{margin-top:70px}.bounce img{margin-bottom:150px}.intro-text h1{font-size:44px}.questions{position:relative;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:540px){.introduction{margin-top:0}.bounce img{display:none}.component img{height:190px}.bounce{width:0}.component{padding-top:50px}.comp-text{width:85%}.cta{display:flex;flex-direction:column}.cta button{margin:20px 0 0}.cta-select,.cta-view{width:180px;height:50px}.presentation{flex-direction:row}}.iphone-container{position:relative;display:flex}.iphone{z-index:2}.iphone-container .iphone .img-box{position:absolute;width:269px;height:585px;top:19px;left:23.575px;z-index:-1;background-image:url(https://sneakersshop.netlify.app/img/mobileWebsite.jpeg);background-position:top;background-size:100%;transition:5s}.iphone-container .iphone:hover .img-box{background-position:bottom}.counter{display:flex;justify-content:space-around}.cell{margin-bottom:10%;width:250px;height:250px;background-image:linear-gradient(40deg,#ff43c0,#ffa95c)}.cell,.inner{display:flex;justify-content:center;align-items:center;border-radius:50%}.inner{width:91%;height:91%;box-shadow:0 20px 40px 0 rgba(255,118,142,.3);background-color:#fff;flex-direction:column}.inner h3,.inner p{margin:0}.inner h3{color:#2a2833;font-weight:600;font-size:40px;line-height:1rem}.inner p{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:500;color:#74727a;line-height:1em;margin-top:15px}.cell:first-child .inner{box-shadow:inset 0 20px 20px 0 rgba(255,118,142,.3)}.cell:first-child{box-shadow:0 20px 20px 0 rgba(255,118,142,.3)}.cell:nth-child(2) .inner{box-shadow:inset 0 20px 20px 0 rgba(141,142,255,.3)}.cell:nth-child(2){background-image:linear-gradient(40deg,#0db8ff,#f332ff);box-shadow:0 20px 20px 0 rgba(141,142,255,.3)}.cell:nth-child(3) .inner{box-shadow:inset 0 20px 20px 0 rgba(58,212,173,.3)}.cell:nth-child(3){background-image:linear-gradient(40deg,#39a3ff,#3cff53);box-shadow:0 20px 20px 0 rgba(58,212,173,.3)}.about{display:flex;align-items:center}.about-text{font-size:22px;width:70%;margin-top:30px;font-weight:300}@media only screen and (max-width:1024px){body{background-color:#1c1e21}.about{flex-direction:column}.about-text{width:100%;text-align:center;margin-bottom:40px}.about-content{height:100vh}}@media only screen and (max-width:1250px){.counter{flex-wrap:wrap}.iphone-container{margin-bottom:35px}}@media only screen and (min-width:1024px){.about{height:calc(100vh - 106px)}}.about-description{animation:part-2 1.5s ease}.iphone-container{animation:part-1 1.5s ease}.send-message{background-color:#593d88;border-radius:15px;text-align:center}.send-message input{border-radius:5px;border:none;background-color:#dbdbdb;padding:0;width:70%;height:10%;margin-top:20px;box-sizing:border-box;text-indent:10px}.send-message input:focus{outline:none}.contact-form{width:500px;height:600px}textarea{border-radius:5px;border:none;background-color:#dbdbdb;padding:0;width:70%;height:10%;margin-top:20px;box-sizing:border-box;text-indent:10px;resize:none}textarea:focus{outline:none}.all-form{transform:translateY(15%)}.contact-h{width:65%;font-size:45px;line-height:55px;font-weight:400}#submit{background-color:#18191a;width:65%;color:#fff}#submit:hover{cursor:pointer}@media only screen and (max-width:1024px){.contact-form{width:60%;height:470px}.contact-h{width:100%;font-size:25px;line-height:35px;text-align:center;margin-bottom:2rem;margin-top:2rem}.contact-form{width:100%}.send-message{margin-bottom:25px}}.success{position:absolute;margin:auto;background-color:#18191a;height:100%;width:100%;border-radius:15px;top:-74px;display:flex;align-items:center}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:after,.success-checkmark .check-icon:before{content:"";height:100px;position:absolute;background:#18191a;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#18191a}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.contact-h{animation:part-2 1.5s ease}.send-message{animation:part-1 1.5s ease}
/*# sourceMappingURL=main.346f6a1b.chunk.css.map */