#root{max-width:1280px;margin:0 auto;text-align:center}.container{display:grid;margin:0 auto}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:2rem;grid-row-gap:2rem}.card-container{padding:1rem;border-radius:.5rem;max-width:300px;height:250px;border:1px solid lightgray;background-color:#fff}.project-poster{width:auto;height:150px;border-radius:.5rem}.project-poster:hover{cursor:pointer;transform:scale(105%);transition:.3s ease-in-out;box-shadow:1px 1px 10px #111}.project-name{text-transform:capitalize;overflow-wrap:break-word}.project-name:hover{transform:scale(105%);transition:.3s ease-in-out}button{border-radius:8px;border:.75px solid black;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;margin:0 1rem;background-color:#fff}button:hover{border-color:#646cff;color:#fff;background-color:#111;transition:.3s ease-in}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{text-decoration:none;color:#000}a:hover{color:#000}@media screen and (max-width: 468px){.gallery{grid-template-columns:1fr}.card-container{max-width:300px;margin:0 auto}.project-poster{max-width:275px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;text-decoration:inherit;scroll-behavior:smooth}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}h1{font-size:3.2em;line-height:1.1}