*{box-sizing:border-box;line-height:1;margin:0;border:0;padding:0}::selection,:active,:focus,:hover,:visited{outline:0}body{display:flex;flex-flow:column nowrap;gap:10px;margin:10px;font-family:system-ui,sans-serif;background:#4c566a url("/background.svg") repeat fixed}.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:10px}.cards article{display:flex;flex-direction:column;position:relative;color:#2e3440;text-align:center;border:1px solid #2e3440;border-radius:5px;background-color:#d8dee9}.cards article .cardtitle{padding:5px;font-size:15px;border-top:1px solid #2e3440}.cards article picture{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:10px}.cards article picture img{width:100%}.cards article a{position:absolute;top:0;bottom:0;right:0;left:0}@media only screen and (max-width: 768px){.cards{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}}