@import"https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700";@import"https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;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}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}}*{margin:0;border:0;box-sizing:border-box}:root{--font-roboto: "Roboto Slab", serif;--font-raleway: "Raleway", sans-serif}body{display:flex;justify-content:center;align-items:center;font-family:var(--font-roboto);background-color:#212426}.app{padding:4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin:0 auto}h1{font-size:3rem;letter-spacing:.9px;background:linear-gradient(90deg,#f9d3b4,#f9d3b480);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;line-height:1.2}.search{width:100%;max-width:40rem;margin:4rem 0 2rem;display:flex;align-items:center;justify-content:center;border:1px solid white;padding:1.5rem 1.75rem;border-radius:3rem;background:#1f2123;-webkit-box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527}.search input{flex:1;border:none;font-size:1.5rem;font-family:var(--font-raleway);font-weight:500;padding-right:1rem;outline:none;color:#a1a1a1;background:#1f2123}.search button{padding:20px 40px;border-radius:.5rem;margin-left:15px;color:#a1a1a1;font-family:var(--font-raleway);font-weight:900;letter-spacing:.75px;font-size:1.25rem;cursor:pointer;background:#1f2123;-webkit-box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527}.main-container{display:flex;gap:2rem;align-items:flex-start}.card-list{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:start;flex-wrap:wrap}.card{max-width:15rem;min-height:28rem;width:fit-content;height:fit-content;margin:0 1.5rem 1.5rem;padding:1rem;color:wheat;position:relative;border-radius:12px;overflow:hidden;border:1px solid white;transition:all .4s cubic-bezier(.175,.885,0,1);box-shadow:0 13px 10px -7px #0000001a}.card:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.card-title{margin-bottom:1rem}.error-button,.back-button{margin-top:5rem;background-color:wheat}.close-button{background-color:wheat;opacity:.8;margin-bottom:2rem;margin-right:1rem;align-self:flex-end}.error-message{color:red;text-align:center;font-size:1.8rem}.empty-search-message{color:wheat;text-align:center;font-size:1.8rem}.about{padding:2rem;text-align:center}.about-title{margin:0 auto 5rem}.about-description{color:#f5f5f5;font-size:1.3rem;width:100%;max-width:40rem}.details-card{display:flex;flex-direction:column;gap:1rem;color:#f5f5f5;width:100%;max-width:300px;margin-top:3rem}.details-title{color:wheat}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:2rem}.pagination-button{padding:.75rem 1.5rem;border-radius:.5rem;color:#a1a1a1;font-family:var(--font-raleway);font-weight:700;font-size:1.25rem;letter-spacing:.5px;cursor:pointer;background:#1f2123;border:1px solid #a1a1a1;-webkit-box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;transition:all .2s ease}.pagination-button:hover:enabled{color:wheat;border-color:wheat}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.page-number{font-family:var(--font-raleway);color:#a1a1a1;font-size:1.25rem;font-weight:500}.about-link{text-decoration:none;color:#a1a1a1;font-family:var(--font-raleway);font-weight:600;padding:.5rem 1rem;border-radius:4px;transition:color .3s ease;display:inline-block;margin-left:auto;margin-bottom:2rem}.about-link:hover{color:wheat}.about-link.active{color:wheat;border-bottom:2px solid wheat}.loader{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(0deg,#fff 50%,#f9d3b4);animation:spin 1s linear infinite}.inner-circle{width:80%;height:80%;background-color:#212426;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 550px){.search{max-width:30rem;padding:1rem 1.25rem;border-radius:2rem}.search input{font-size:1rem}}@media (max-width: 768px){.main-container{flex-direction:column}.card-list,.details-card{width:100%}}