#root{max-width:1280px;margin:0 auto;padding:0 0 1rem;text-align:center}.image{margin:1rem;width:250px;height:400px;object-fit:cover;background-color:gray;transition:transform 1s ease-in-out}@media (max-width: 639px){.image{width:150px;height:250px}}.image:hover{transform:scale(1.2);cursor:pointer}.grid{display:inline-block}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.error{animation:shake .4s ease-in-out 0s 2;color:#ff3838;border:2px solid #ff0000;border-radius:5px}h2,h3{padding:0 1rem}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}