*{font-family:Helvetica,Arial,sans-serif}body{padding:5rem;padding-top:1%;background-color:#eaeaea}input{background-color:#fff;border-radius:5px;border:1px solid rgb(97,32,158);color:#000;font-size:1.2rem;outline:none;padding:10px 12px;width:99%}h2{font-size:1.5rem}h3{font-size:3rem;margin-bottom:5px}.card-grid{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-10px}.card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 5px #00000008;flex-basis:calc(25% - 40px);margin:10px;overflow:hidden}.card p{background-color:#fff;flex:1;font-size:1.5rem;margin-top:5px;padding:5px 20px 0;text-align:center}.card img{width:100%}.category-item{margin-top:20px;background-color:#fff;border-radius:20px;padding:8px 15px;margin:px;display:inline-block;margin-right:10px}.category-item a{display:inline-block;color:#000;text-decoration:none;margin-right:10px}.category-item button{background-color:#fff;border:none;color:#000;cursor:pointer}.category-item button:hover{color:#606060}.footer{text-align:center;padding:20px;background-color:#f0f0f0;position:fixed;bottom:0;left:0;width:100%}.footer a{text-decoration:none;color:inherit;color:red}@media only screen and (max-width: 768px){body{padding:2rem;padding-top:10px}.card{width:calc(100% - 20px)}.card-grid{flex-direction:column;align-items:center}.card{width:calc(100% - 20px);margin:10px 0}}h3{font-size:2rem}.category-container{flex-direction:column}.category-item{flex-basis:50%}