: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:#14bed6;text-decoration:inherit}a:hover{color:#14bed6}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#14bed6}}#root{margin:0 auto;padding:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}input{padding:1rem;margin-bottom:2rem;width:70%;display:flex;text-align:center;font-size:2rem;font-weight:600;color:#14bed6}.series{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%;container-type:inline-size;container-name:cseries}.card{border:1px solid #aaa;border-radius:1rem;width:49%;margin-bottom:2rem;display:flex;overflow:hidden}.card img{width:15rem;height:100%;align-self:center}.card .card-content{padding:0 1rem 1rem}@container cseries (max-width: 800px){div.card{width:100%}}@container cseries (max-width: 400px){div.card{width:100%;flex-direction:column}div.card img{width:100%}}