body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:2px solid #000}h3{text-transform:capitalize}.app{padding:25px 75px}.header{align-items:center;display:flex;gap:10px;justify-content:center}.header__logo{height:auto;width:100px}.btn{background:#e90101;border:0;border-radius:.25rem;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:.25rem;padding:10px 10px 8px}.btn:hover{background:#c60101}.btn__icon{height:auto;width:25px}.sort-container{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.card-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr}.card{align-items:center;border:solid;border-radius:15px;border-width:1px;display:flex;flex-direction:column;padding:10px}.card__image{height:150px;width:auto}.card__text{font-size:1.125rem;font-weight:600}@media only screen and (max-width:700px){.card-container{grid-template-columns:1fr}.sort-container{flex-direction:column}}
/*# sourceMappingURL=main.39add83b.css.map*/