@import "https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext";@import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";.hero-background{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg);background-position:50%;background-repeat:repeat;background-size:57%}.cube__section{justify-content:center;align-items:center;width:60%;height:100vh;display:flex}.cube{perspective:60rem;width:20rem;height:20rem}.cube__container{transform-style:preserve-3d;width:100%;height:100%;animation:20s linear infinite forwards rotationBox;position:relative;transform:translateZ(-10rem)}.cube__face{background-color:#eee;justify-content:center;align-items:center;width:20rem;height:20rem;display:flex;position:absolute;overflow:hidden}.cube__face--front{transform:rotateY(0)translateZ(10rem)}.cube__face--back{transform:rotateY(180deg)translateZ(10rem)}.cube__face--left{transform:rotateY(-90deg)translateZ(10rem)}.cube__face--right{transform:rotateY(90deg)translateZ(10rem)}.cube__face--top{transform:rotateX(90deg)translateZ(10rem)}.cube__face--bottom{transform:rotateX(-90deg)translateZ(10rem)}.icon{width:50%;height:auto;margin:25% auto}@keyframes rotationBox{0%{transform:rotate3d(0,0,0,0)}25%{transform:rotate3d(0,1,1,90deg)}50%{transform:rotate3d(1,0,1,180deg)}75%{transform:rotate3d(1,1,0,240deg)}to{transform:rotate3d(1,1,1,360deg)}}.shoes-component.header{text-align:center;margin-bottom:50px}.shoes-component.header h1{margin-bottom:10px;font-size:36px;font-weight:700}.shoes-component.header p{color:#000;font-size:18px}.shoes-component{font-family:Open Sans Condensed,sans-serif}.shoes-component ul{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 600 1040' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M0 0l300 173.205v346.41L0 346.41V0z' fill='url(%23_Linear1)'/%3E%3Cpath d='M300 519.615L600 692.82v346.411L300 866.025v-346.41z' fill='url(%23_Linear2)'/%3E%3Cpath d='M600 0L300 173.205v346.41L600 346.41V0z' fill='url(%23_Linear3)'/%3E%3Cpath d='M300 519.615L0 692.82v346.411l300-173.206v-346.41z' fill='url(%23_Linear4)'/%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-30 646.41 173.205) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23b7ccc3'/%3E%3Cstop offset='1' stop-color='%23cde2d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear2' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-30 1766.025 -126.796) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23b7ccc3'/%3E%3Cstop offset='1' stop-color='%23cde2d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear3' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-150 346.41 92.82) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23e8dad1'/%3E%3Cstop offset='1' stop-color='%23fff0e7'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear4' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-150 266.025 392.82) scale(346.41)'%3E%3Cstop offset='0' stop-color='%23e8dad1'/%3E%3Cstop offset='1' stop-color='%23fff0e7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-size:100%;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);margin:100px 0;display:grid}.shoes-component li{grid-column-end:auto;padding-bottom:100%;position:relative}.shoes-component li:before{content:"";opacity:.6;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/881020/adidas.png);background-position:90% 27%;background-repeat:no-repeat;background-size:40%;width:50%;height:100%;position:absolute;right:0;transform:skewY(30deg)}.shoes-component.adidas:before{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/881020/adidas.png)}.shoes-component.tiger:before{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/881020/tiger.png)}.shoes-component div{width:50%;margin-top:14%;padding:3%;font-size:1.5vw;position:absolute;transform:skewY(-30deg)}.shoes-component p{font-size:2em}.shoes-component img{filter:drop-shadow(0 50px 20px #0003);width:62%;transition-property:bottom,filter,-webkit-filter;transition-duration:.3s;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.shoes-component img:hover{filter:drop-shadow(0 80px 30px #0003);bottom:0}@media (width<=768px){.shoes-component ul{grid-template-columns:repeat(2,1fr)}.shoes-component div{font-size:2.5vw}}.title-section{z-index:1;margin-bottom:50px;position:relative}.title-section h2{color:#333;margin-bottom:30px;font-size:24px;font-weight:700}.title-section p{color:#212;font-size:18px}.wrapper{--index:calc(1vw + 1vh);--transition:cubic-bezier(.1,.7,0,1);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.items{perspective:calc(var(--index)*35);z-index:0;gap:.4rem;display:flex;position:relative}.item{width:calc(var(--index)*3);height:calc(var(--index)*12);cursor:pointer;filter:grayscale()brightness(.5);transition:transform 1.25s var(--transition),filter 3s var(--transition),width 1.25s var(--transition);will-change:transform,filter,rotateY,width;background-color:#222;background-position:50%;background-size:cover}.item:before,.item:after{content:"";right:calc(var(--index)*-1);width:20px;height:100%;position:absolute}.item:after{left:calc(var(--index)*-1)}.items .item:hover{filter:inherit;transform:translateZ(calc(var(--index)*10))}.items .item:hover+*{filter:inherit;transform:translateZ(calc(var(--index)*8.5))rotateY(35deg);z-index:-1}.items .item:hover+*+*{filter:inherit;transform:translateZ(calc(var(--index)*5.6))rotateY(40deg);z-index:-2}.items .item:hover+*+*+*{filter:inherit;transform:translateZ(calc(var(--index)*2.5))rotateY(30deg);z-index:-3}.items .item:hover+*+*+*+*{filter:inherit;transform:translateZ(calc(var(--index)*.6))rotateY(15deg);z-index:-4}.items .item:has(+:hover){filter:inherit;transform:translateZ(calc(var(--index)*8.5))rotateY(-35deg)}.items .item:has(+*+:hover){filter:inherit;transform:translateZ(calc(var(--index)*5.6))rotateY(-40deg)}.items .item:has(+*+*+:hover){filter:inherit;transform:translateZ(calc(var(--index)*2.5))rotateY(-30deg)}.items .item:has(+*+*+*+:hover){filter:inherit;transform:translateZ(calc(var(--index)*.6))rotateY(-15deg)}.items .item:active,.items .item:focus{filter:inherit;z-index:100;transform:translateZ(calc(var(--index)*10));width:28vw;margin:0 .45vw}.infinity-loop{max-width:400px;margin:auto}.loop-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:5s linear infinite dash}.loop-circle{animation:5s linear infinite move}@keyframes dash{to{stroke-dashoffset:0}}@keyframes move{0%{transform:translate(0)}to{transform:translate(400px)}}.data-stream{width:100%;height:300px;position:relative}.stream{animation:2s infinite pulse}.data-packets rect{animation:2s infinite move}.stream-lines path{animation:2s infinite flow}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.subway-map{overflow:hidden}.subway-map svg{margin-top:20px}.moving-point{animation:10s linear infinite move-point}@keyframes move-point{0%{cx:50px;cy:50px}to{cx:950px;cy:250px}}.search-results{margin-top:20px}.search-result{background-color:#f9f9f9;border-bottom:1px solid #ccc;padding:20px}.search-result h2{margin-bottom:10px;font-weight:700}.loading-animation{background-color:#ccc;border-radius:10px;width:100%;height:50px;animation:2s infinite loading}@keyframes loading{0%{transform:translate(0)}50%{transform:translate(50%)}to{transform:translate(0)}}
/*# sourceMappingURL=index.7d8d713b.css.map */