*{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}.search-wrapper{padding:10px;background-color:rgba(216,222,233,.8);border-radius:5px;border:1px solid #2e3440}.search-wrapper input{color:#2e3440;font-weight:400;font-size:32px;line-height:1.2em;width:100%;background-color:rgba(0,0,0,0);top:0;z-index:100;border:0}.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 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}.buttons{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:10px}.buttons .button{background-color:rgba(216,222,233,.8);border:1px solid #2e3440;border-radius:50px;padding:10px;text-align:center;text-decoration:none;font-size:24px}@media only screen and (max-width: 768px){.cards{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}}