@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#222327}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}[class*=col-]{width:100%}@media only screen and (min-width:600px){.col-s-1{width:8.33%}.col-s-2{width:16.66%}.col-s-3{width:25%}.col-s-4{width:33.33%}.col-s-5{width:41.66%}.col-s-6{width:50%}.col-s-7{width:58.33%}.col-s-8{width:66.66%}.col-s-9{width:75%}.col-s-10{width:83.33%}.col-s-11{width:91.66%}.col-s-12{width:100%}}@media only screen and (min-width:768px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.list-todo-enter{opacity:.01}.list-todo-enter-active{opacity:1;transition:opacity .5s ease-in}.list-todo-exit{opacity:1}.list-todo-exit-active{transform:translateX(-100%);transition:all .5s ease-in}@media only screen and (min-width:576px){.App{text-align:center}}.wrap-item-list{display:flex;align-items:center;justify-content:flex-start}.wrap-item-list-btn{display:flex;align-items:center;justify-content:flex-end}a{color:orange}@keyframes spincube{0%,to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{transform:rotateY(-90deg)}33%{transform:rotateY(-90deg) rotate(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotateX(90deg)}83%{transform:rotateX(90deg)}}.cubespinner{-webkit-animation-name:spincube;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:12s;animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:60px 60px 0}.cubespinner div{position:absolute;width:120px;height:120px;border:1px solid #ccc;background:hsla(0,0%,100%,.8);box-shadow:inset 0 0 20px rgba(0,0,0,.2);line-height:120px;text-align:center;font-size:100px}.cubespinner .face1{transform:translateZ(60px)}.cubespinner .face2{transform:rotateY(90deg) translateZ(60px)}.cubespinner .face3{transform:rotateY(90deg) rotateX(90deg) translateZ(60px)}.cubespinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(60px)}.cubespinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(60px)}.cubespinner .face6{transform:rotateX(-90deg) translateZ(60px)}.loader-text p{color:#f0f8ff;margin-top:10px;display:flex;align-items:center;justify-content:center}.mini{font-size:1em;line-height:9em;text-indent:2.5em}.bola,.mega,.mini{color:#000;position:absolute;left:50%;top:50%}.bola,.mega{line-height:1.65em;font-weight:700;font-size:11em;font-family:"Roboto",sans-serif;width:300px;height:300px;margin-left:-150px;margin-top:-150px}.boom{color:#159ad8}#spinner{-webkit-animation-name:spinner;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:6s;animation-name:spinner;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:6s;transform-style:preserve-3d}#spinner:hover{animation-play-state:paused}.naviation{position:relative;height:60px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-top:50px}.wrap-naviation{background-image:url(https://www.tutorialkart.com/sample_image.jpg);background-position:0 0;background-repeat:no-repeat;display:flex;height:100px;width:100%;border:1px #fff;border-radius:10px 0 10px 0}.naviation ul{display:flex;width:350px;margin-bottom:0}.naviation ul li{list-style:none;position:relative;width:70px;height:60px;z-index:2}.naviation ul li a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;text-align:center;font-weight:500}.naviation ul li a .icon{position:relative;display:block;line-height:65px;font-size:1.5em;transition:.5s;color:orange}.naviation ul li.active a .icon{transform:translateY(-15px);color:#2196f3;animation-name:spinner;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:6s;top:-18px}.naviation ul li a .text{position:absolute;background-color:#2196f3;color:#fff;padding:2px 7px;border-radius:12px;font-weight:400;font-size:.75em;letter-spacing:.05em;transition:.5s;opacity:0;transform:translateY(15px)}.naviation ul li.active a .text{transform:translateY(0);opacity:1}.indicator{position:absolute;top:-38px;width:70px;height:70px;background:#fff;border-radius:50%;z-index:1;transition:.5s}.indicator:before{left:-29px;box-shadow:15px 18px #fff}.indicator:after,.indicator:before{content:" ";position:absolute;top:8px;width:30px;height:30px;background:transparent;border-radius:50%}.indicator:after{right:-29px;box-shadow:-15px 18px #fff}.naviation ul li:first-child.active~.indicator{transform:translateX(0)}.naviation ul li:nth-child(2).active~.indicator{transform:translateX(70px)}.naviation ul li:nth-child(3).active~.indicator{transform:translateX(140px)}.naviation ul li:nth-child(4).active~.indicator{transform:translateX(210px)}.naviation-second{position:relative;height:70px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-top:50px}.naviation-second ul{display:flex;width:350px;margin-bottom:0}.naviation-second ul li{position:relative;list-style:none;width:70px;height:70px;z-index:1}.naviation-second ul li a{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;text-align:center;font-weight:500}.naviation-second ul li a .icon{position:relative;display:block;line-height:75px;font-size:1.5em;text-align:center;transition:.5s;color:var(--clr)}.naviation-second ul li.active a .icon{transform:translateY(-18px)}.naviation-second ul li a .text{position:absolute;color:var(--clr);font-weight:400;font-size:.75em;letter-spacing:.05em;transition:.5s;opacity:0;transform:translateY(20px)}.naviation-second ul li.active a .text{opacity:1;transform:translateY(10px)}.indicator-second{position:absolute;top:-35px;width:70px;height:70px;background:#2196f3;border-radius:50%;border:6px solid;transition:.5s}.indicator-second:before{left:-22px;border-top-right-radius:20px}.indicator-second:after,.indicator-second:before{content:" ";position:absolute;top:50%;width:20px;height:20px;background:transparent;box-shadow:0 -10px 0 0}.indicator-second:after{right:-22px;border-top-left-radius:20px}.naviation-second ul li:first-child.active~.indicator-second{transform:translateX(0)}.naviation-second ul li:nth-child(2).active~.indicator-second{transform:translateX(70px)}.naviation-second ul li:nth-child(3).active~.indicator-second{transform:translateX(140px)}.naviation-second ul li:nth-child(4).active~.indicator-second{transform:translateX(210px)}.naviation-second ul li.active a .active-spinner{animation-name:spinner;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:6s;top:-18px;color:#fff}@keyframes spinner{0%{transform:rotateY(0deg)}to{transform:rotateY(-1turn)}}.sticky{position:fixed;top:0;z-index:1000;animation-name:scroll-menu;animation-duration:4s;background:#1ec7e6}@keyframes scroll-menu{0%{transform:rotate(0deg);left:0}25%{transform:rotate(0deg);left:0}50%{transform:rotate(0deg);left:10px}55%{transform:rotate(-10deg);left:20px}70%{transform:rotate(0deg);left:10px;background:#1ec7e6}to{transform:rotate(0deg);left:0;background:#1ec7e6}}
/*# sourceMappingURL=main.ae0fed59.chunk.css.map */