:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;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,html{height:100%;margin:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1;margin:0}#root{height:100%;width:100%;margin:0;padding:50px}main{max-width:90%;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.card{border:2px solid red;aspect-ratio:3/4}.card:hover{background-color:#faebd7}.card:active{background-color:#876333}.card>img{width:100%;height:75%}.card>h3{text-align:center}@media(max-width:900px){main{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){main{grid-template-columns:repeat(3,1fr)}}