body{margin: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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container-character-card{display:flex;align-items:center;flex-direction:column;padding:20px;color:#616161}.container-character-card .container-title{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;height:80px;width:100%}.container-character-card .container-card{width:220px;height:380px;border-radius:40px;display:flex;flex-direction:column;align-items:center;background-color:rgba(255,69,43,.1);box-shadow:6px 6px 12px;cursor:pointer}.container-character-card .container-card:hover{-webkit-animation:xenon .6s ease-in-out infinite alternate;animation:xenon .6s ease-in-out infinite alternate}.container-character-card .container-name .name{\-webkit-box-orient:vertical!important;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:1;text-align:center;margin:0 0 10px;color:#f08080;font-size:18px;-webkit-animation:moving-card-title 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;animation:moving-card-title 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.container-character-card .item{margin-bottom:5px;color:#616161;font-family:sans-serif;font-size:13px}.container-character-card .item-origin{height:40px;margin-bottom:0;margin-top:12px;\-webkit-box-orient:vertical!important;display:-webkit-box;overflow:hidden;word-break:break-all;-webkit-line-clamp:2}.container-character-card .picture{width:100%;border-top-right-radius:20px;border-top-left-radius:20px;margin-bottom:8px;min-height:220px}.container-character-card .container-card .container-body{display:flex;flex-direction:column;width:85%;height:100px;align-items:flex-start}@media only screen and (max-width:800px){.container-character-card .container-card{width:240px}}.searchForm{margin:20px}.input-container,.searchForm{display:flex;flex-direction:column}.input-container{position:relative;max-width:280px;margin-bottom:40px}.field{height:25px;width:100%;font-size:16px;cursor:pointer;outline:none;border:none;border-bottom:1px solid #d3d3d3;transition:border-bottom .8s ease-in-out}.input-label:after{content:"";display:block;background:red;position:absolute;top:28px;left:0;right:0;width:100%;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out}.field:focus{border-bottom:none}.field:focus+.input-label:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.field:focus+.input-label .input-label-name{-webkit-transform:translateY(-45px);transform:translateY(-45px);font-weight:800}.input-label-name{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;position:absolute;-webkit-transform:translateY(-42px);transform:translateY(-42px);width:100%;font-size:15px;color:red}.buttonFilter{height:45px;width:120px;border:2px solid #f08080;font-size:18px;background-color:rgba(255,69,43,.1);font-weight:600;color:#f08080;outline:none;cursor:pointer;box-shadow:3px 3px 6px;transition:box-shadow 1s ease-in-out;font-family:sans-serif;margin:0 auto}.buttonFilter:hover{border:none;color:#ff452b;-webkit-animation:xenon .6s ease-in-out infinite alternate;animation:xenon .6s ease-in-out infinite alternate}.containerModal .title{margin-bottom:50px;margin-top:0;font-size:22px}.containerSearch{margin-bottom:30px;display:flex;align-items:center}.containerSearch .text{margin-right:10px;font-size:19px;font-weight:500}.containerSearch .filters{margin-right:10px}.containerSearch .filterBy{margin-right:10px;font-size:20px;font-weight:600;color:#ff452b}.ReactModal__Content{width:50%;max-width:600px;height:300px;margin:0 auto;border-radius:25px!important}@media only screen and (max-width:600px){.ReactModal__Content{width:100%;height:300px;max-width:320px;padding:10px!important;inset:50% auto auto 50%;-webkit-transform:translateY(30%);transform:translateY(30%)}.searchForm .field{height:25px;font-size:16px;outline:none;-webkit-tap-highlight-color:transparent}.buttonFilter{height:35px;font-size:16px;width:100px}.containerSearch .text{font-size:15px}.containerSearch .filterBy{font-size:16px;width:110px;\-webkit-box-orient:vertical!important;display:-webkit-box;overflow:hidden;word-break:break-all;-webkit-line-clamp:1}.containerSearch{display:flex;flex-direction:column;align-items:center}.containerFilters{display:flex;margin-bottom:10px;align-items:center}.containerModal .title{font-size:25px}}@-webkit-keyframes xenon{0%{box-shadow:0 2px 15px}30%{box-shadow:0 5px 16px}70%{box-shadow:0 8px 18px}to{box-shadow:0 4px 18px}}@keyframes xenon{0%{box-shadow:0 2px 15px}30%{box-shadow:0 5px 16px}70%{box-shadow:0 8px 18px}to{box-shadow:0 4px 18px}}.container-loader{width:100%;margin:60px auto;max-width:1030px;display:flex;justify-content:center;padding:30px 0}.container-general{display:flex;flex-direction:column;align-items:center;padding:20px}.container-general .logo{width:350px;margin:20px 0;-webkit-animation:logo-none .7s ease-in-out 0s ease 0s 1 normal none running,logo-up-to-down 1s cubic-bezier(.18,.89,.32,1.28) .6s,logo-rigth-to-left 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;animation:logo-none .7s ease-in-out 0s ease 0s 1 normal none running,logo-up-to-down 1s cubic-bezier(.18,.89,.32,1.28) .6s,logo-rigth-to-left 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;-webkit-animation:logo-initial .7s ease-in-out,logo-up-to-down 1s cubic-bezier(.18,.89,.32,1.28) .6s,logo-rigth-to-left 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;animation:logo-initial .7s ease-in-out,logo-up-to-down 1s cubic-bezier(.18,.89,.32,1.28) .6s,logo-rigth-to-left 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;transition:-webkit-transform 2s ease-in-out;transition:transform 2s ease-in-out;transition:transform 2s ease-in-out,-webkit-transform 2s ease-in-out;cursor:pointer}.container-general .messageNoResults{font-size:16px;font-weight:600;margin-top:30px}.container-characters{display:flex;flex-direction:row;flex-wrap:wrap;max-width:1420px;margin:0 auto;width:100%;justify-content:center}@-webkit-keyframes logo-initial{to{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(-180px);transform:translateY(-180px)}}@keyframes logo-initial{to{-webkit-transform:translateY(0);transform:translateY(0)}0%{-webkit-transform:translateY(-180px);transform:translateY(-180px)}}@-webkit-keyframes logo-up-to-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}40%{-webkit-transform:translateY(14px);transform:translateY(14px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(8px);transform:translateY(8px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes logo-up-to-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}40%{-webkit-transform:translateY(14px);transform:translateY(14px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(8px);transform:translateY(8px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes logo-rigth-to-left{0%{-webkit-transform:translatex(0);transform:translatex(0)}5%{-webkit-transform:translatex(30px);transform:translatex(30px)}8%{-webkit-transform:translatex(-30px);transform:translatex(-30px)}12%{-webkit-transform:translatex(30px);transform:translatex(30px)}15%,to{-webkit-transform:translatex(0);transform:translatex(0)}}@keyframes logo-rigth-to-left{0%{-webkit-transform:translatex(0);transform:translatex(0)}5%{-webkit-transform:translatex(30px);transform:translatex(30px)}8%{-webkit-transform:translatex(-30px);transform:translatex(-30px)}12%{-webkit-transform:translatex(30px);transform:translatex(30px)}15%,to{-webkit-transform:translatex(0);transform:translatex(0)}}.container-character{display:flex;align-items:center;flex-direction:column;padding:20px;color:#616161;-webkit-animation:open-container-character .3s ease-in-out;animation:open-container-character .3s ease-in-out;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.container-character .container-title{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;height:80px;width:100%}.container-character .container-name .name{\-webkit-box-orient:vertical!important;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:1;text-align:center;margin:0 0 20px;color:#f08080;font-size:24px;-webkit-animation:moving-card-title 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;animation:moving-card-title 4s cubic-bezier(.18,.89,.32,1.28) 4.5s infinite;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.container-character .item{margin-bottom:5px;color:#616161;font-family:sans-serif;font-size:16px}.container-character .item-origin{height:40px;margin-bottom:0;margin-top:12px;\-webkit-box-orient:vertical!important;display:-webkit-box;overflow:hidden;word-break:break-all;-webkit-line-clamp:2}.container-character .picture{width:100%;margin-bottom:20px;min-height:220px;border-radius:20px;box-shadow:6px 6px 12px}.container-character .container-body{display:flex;flex-direction:column;width:85%;align-items:center}@media only screen and (max-width:800px){.container-character .container-card{width:240px}.container-character .container-body{align-items:start;height:200px}}@-webkit-keyframes moving-card-title{0%{-webkit-transform:translatex(0);transform:translatex(0)}5%{-webkit-transform:translatex(30px);transform:translatex(30px)}8%{-webkit-transform:translatex(-30px);transform:translatex(-30px)}12%{-webkit-transform:translatex(30px);transform:translatex(30px)}15%,to{-webkit-transform:translatex(0);transform:translatex(0)}}@keyframes moving-card-title{0%{-webkit-transform:translatex(0);transform:translatex(0)}5%{-webkit-transform:translatex(30px);transform:translatex(30px)}8%{-webkit-transform:translatex(-30px);transform:translatex(-30px)}12%{-webkit-transform:translatex(30px);transform:translatex(30px)}15%,to{-webkit-transform:translatex(0);transform:translatex(0)}}@-webkit-keyframes open-container-character{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes open-container-character{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.container{max-width:1000px;margin:0 auto;background:#eff1f2;padding:0 20px;height:100vh;box-shadow:6px 6px 20px;color:#eff1f2}.back-arrow{margin-top:20px;width:30px;height:30px}.back-arrow:hover path{stroke:#f08080}
/*# sourceMappingURL=main.866ac9ad.chunk.css.map */