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;background-color:#f5e6e8}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{animation:App-logo-spin 20s linear infinite}}.App-header{display:flex;align-items:center;justify-content:space-evenly;box-shadow:0 1px 3px 0 rgba(0,0,0,.15);position:-webkit-sticky;position:sticky;top:0;z-index:2}.HeaderDark{background:#212121}.HeaderLight{background-color:#fa6868}.App-header h1{border-style:dashed double;padding:0 2rem;font-size:2rem}.App-header button{text-decoration:none;padding:.8rem;color:#8a2be2;border-radius:.25rem;border:6px solid #fad586;background-color:#7ab893;outline:0;border-top:0;border-left:0;border-right:0;transition:.8s;color:#fff;font-weight:600}.App-header button:hover{text-decoration:none;color:#184d47;background:#fad586;border-top:6px solid #7ab893;border-bottom:0;cursor:pointer}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bg-light{background:#ffebcd}.text-light{color:#ffebcd}.bg-dark{background:#282c34}.text-dark{color:#282c34}.Dark{background:#192a51;color:#f5e6e8}.Light{background:#f5e6e8;color:#192a51}.Content{width:100%;max-width:1300px;margin:0 auto;padding-bottom:3rem}.Characters{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1rem;border:8px dotted}.Character{display:flex;align-items:center;flex-direction:column;border-radius:1rem;box-shadow:-1px 12px 8px 0 rgba(0,0,0,.15);padding-bottom:.75rem}.Character img{width:150px;height:150px}.Character p{margin:4px}.Character--name{font-weight:700;letter-spacing:2px}.Character--name,.Character--type{text-transform:capitalize}.Characters--favorite{border-radius:50%;border:1px solid #fad586;display:inline-block;margin-left:16px;background-color:#fff}.Characters--favorite img{width:66px;height:66px}.Character--buttonFav{text-decoration:none;padding:.4rem;color:#8a2be2;border-radius:.25rem;outline:0;border:0;transition:.8s;color:#192a51;font-weight:600;margin-top:1.25rem;cursor:pointer}.btn-delete{background-color:#fad586}.btn-add,.btn-delete:hover{background-color:#7ab893;color:#fff}.btn-add:hover{background-color:#fad586;color:#192a51}.Characters__favorites{display:flex;overflow-x:auto;align-items:center;justify-content:center;border:4px dotted;padding:12px}.Character__title{letter-spacing:4px;font-size:1rem}.search{max-width:800px;margin:0 auto;padding:60px 30px;position:relative;z-index:1;text-align:center}.search:before{position:absolute;content:"";display:block;top:0;width:15000px;z-index:-1;background:inherit}.search:first-child{padding:40px 30px}.row:nth-child(8),.row:nth-child(10),.search:nth-child(2){background:#134a46}.row:nth-child(7),.search:nth-child(3){background:#377d6a}.row:nth-child(6),.search:nth-child(4){background:#7ab893}.search:nth-child(5){background:#b2e3af}.search span{position:relative;display:inline-block;margin:30px 10px}.searchTerm{display:inline-block;width:315px;padding:10px 0 10px 15px;font-family:"Open Sans",sans;font-weight:400;color:#377d6a;background:#fff;border:0;border-radius:3px;outline:0;text-indent:65px;transition:all .3s ease-in-out;text-align:center}.searchTerm::-webkit-input-placeholder{color:#efefef;text-indent:0;font-weight:300}.searchTerm+label{display:inline-block;padding:8px 15px;background:#7ab893;border-top-left-radius:3px;border-bottom-left-radius:3px;color:#fff;font-weight:600}.searchTerm+label,.searchTerm+label:after,.searchTerm+label:before{position:absolute;top:0;left:0;transition:all .4s ease-in-out;transform-origin:left bottom}.searchTerm+label:after,.searchTerm+label:before{content:"";right:0;bottom:0;border-radius:3px;background:#184d47;pointer-events:none;z-index:-1}.searchTerm+label:before{background:rgba(3,36,41,.2);z-index:-2;right:20%}span:nth-child(2) .searchTerm{text-indent:85px}span:nth-child(2) .searchTerm:active,span:nth-child(2) .searchTerm:focus{text-indent:0}.searchTerm:active,.searchTerm:focus{color:#377d6a;text-indent:0;background:#fff;border-top-right-radius:3px;border-bottom-right-radius:3px}.searchTerm:active::-webkit-input-placeholder,.searchTerm:focus::-webkit-input-placeholder{color:#aaa}.searchTerm:active+label,.searchTerm:focus+label{transform:rotate(-66deg);border-radius:3px}.searchTerm:active+label:before,.searchTerm:focus+label:before{transform:rotate(10deg)}.no-found{height:auto;display:flex;justify-content:center;margin-top:2rem}.no-found img{position:relative;width:90%;height:90%;margin:0 auto;display:flex;border-radius:.25rem;opacity:.6}.no-found article{position:absolute;z-index:2;font-size:2rem}.no-found p{margin-top:1rem}@media (max-width:600px){.searchTerm{width:250px}.search:first-child{padding:0}}.loader{display:flex;justify-content:center}@keyframes ldio-2mentkvc9re-1{0%{transform:rotate(0deg)}50%{transform:rotate(-45deg)}to{transform:rotate(0deg)}}@keyframes ldio-2mentkvc9re-2{0%{transform:rotate(180deg)}50%{transform:rotate(225deg)}to{transform:rotate(180deg)}}.ldio-2mentkvc9re>div:nth-child(2){transform:translate(-15px)}.ldio-2mentkvc9re>div:nth-child(2) div{position:absolute;top:40px;left:40px;width:120px;height:60px;border-radius:120px 120px 0 0;background:#fad586;animation:ldio-2mentkvc9re-1 1s linear infinite;transform-origin:60px 60px}.ldio-2mentkvc9re>div:nth-child(2) div:nth-child(2){animation:ldio-2mentkvc9re-2 1s linear infinite}.ldio-2mentkvc9re>div:nth-child(2) div:nth-child(3){transform:rotate(-90deg);animation:none}@keyframes ldio-2mentkvc9re-3{0%{transform:translate(190px);opacity:0}20%{opacity:1}to{transform:translate(70px);opacity:1}}.ldio-2mentkvc9re>div:first-child{display:block}.ldio-2mentkvc9re>div:first-child div{position:absolute;top:92px;left:-8px;width:16px;height:16px;border-radius:50%;background:#d6efc7;animation:ldio-2mentkvc9re-3 1s linear infinite}.ldio-2mentkvc9re>div:first-child div:first-child{animation-delay:-.67s}.ldio-2mentkvc9re>div:first-child div:nth-child(2){animation-delay:-.33s}.ldio-2mentkvc9re>div:first-child div:nth-child(3){animation-delay:0s}.loadingio-spinner-bean-eater-elz00pqdd3u{width:200px;height:200px;display:inline-block;overflow:hidden}.ldio-2mentkvc9re{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0}.ldio-2mentkvc9re div{box-sizing:content-box}
/*# sourceMappingURL=main.be3938dd.chunk.css.map */