@keyframes animation1{0%{color:green}to{color:#fff}}@keyframes animation2{0%{color:green}to{color:#fff}}html{overflow-x:hidden;width:100%;height:100vh}body{display:flex;justify-content:center;align-items:center;background-image:url(/assets/polvo-de-estrellas.a57357e1.f4c58ab5.gif)}.loading-screen{width:100%;height:100vh}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;background-image:url(/assets/polvo-de-estrellas.a57357e1.f4c58ab5.gif);background-attachment:fixed;font-family:Ubuntu,sans-serif}header{width:100vw;height:23rem;background-image:url(/assets/rick.3efd885c.jpg);background-repeat:no-repeat;background-position:center;display:flex;background-size:cover;justify-content:center;align-items:flex-end}.input{display:flex;justify-content:center;align-items:top;width:100%;gap:30px;margin:50px 0;position:sticky;top:10px;z-index:1}@media (max-width:750px){.input{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;position:relative}}.input input{width:100%;height:50px;font-size:30px;border-radius:10px;padding:0 15px}.input button{cursor:pointer;transform:scale(1);transition:all .2s ease-in;color:#fff;height:50px;width:150px;font-size:18px;padding:5px;background-color:#062226;border:2px solid #3bae44}.input button:hover{transform:scale(1.1);background-color:#3bae44;color:#000;border:3px solid #062226}.searchBox{width:60%;justify-content:center;align-items:center;display:flex;flex-direction:column}.suggestions{width:100%;background-color:#062226;border:2px solid #3bae44;border-radius:0 0 10px 10px;cursor:pointer}.planet-info h2{margin:1rem 0;color:green;animation-name:animation1;animation-duration:2s;animation-iteration-count:infinite}@media (max-width:480px){h2{margin:0}}h3{margin:1rem 0}p{margin:0}.planet-info{display:flex;justify-content:center;align-items:top;flex-direction:row;width:100vw;gap:3rem;text-align:start;margin:0;padding:1rem 0;background:#062226;color:#fff;border-radius:10px;text-align:center}.planet1,.planet2{display:flex;justify-content:space-between;align-items:center;gap:3rem}@media (max-width: 750px){.planet1,.planet2{flex-direction:column;gap:1rem;justify-content:center}}@media (max-width: 480px){.planet-info{flex-direction:column;gap:1rem}}.planet-info p{font-size:20px}.cards{display:grid;width:100vw;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0;padding:0}@media (max-width: 1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 750px){.cards{grid-template-columns:repeat(1,1fr)}}.character-card{background-color:#062226;width:300px;padding:1rem;text-align:start;border-radius:10px;border:2px solid #3bae44;transform:scale(1);transition:all .2s ease-in;margin-bottom:50px}.character-card:hover{scale:1.02;transition:.4s}.character-card h2{margin:1rem 0;color:#fff}.character-card h3{color:#fff}.character-card p{color:gray;font-size:18px}.separator{width:100%;height:2px;background-color:#fff}.btn-pagination{cursor:pointer;transform:scale(1);transition:all .2s ease-in;color:#fff;height:40px;width:40px;font-size:18px;padding:5px;background-color:#062226;border:2px solid #3bae44;gap:1rem;margin:0 2px;border-radius:100%}.pagination-container button:hover{transform:scale(1.1);background-color:#3bae44;color:#000;border:3px solid #062226}.prev-next{cursor:pointer;transform:scale(1);transition:all .2s ease-in;color:#fff;height:40px;width:150px;font-size:18px;padding:5px;background-color:#062226;border:2px solid #3bae44;gap:1rem;margin:0 6px}footer{padding-top:20px}.footer{width:100%;display:flex;justify-content:space-evenly;align-items:center}.goodbye{margin:1rem 0;color:green;animation-name:animation2;animation-duration:2s;animation-iteration-count:infinite}.footer h2{color:#fff}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}