*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Open Sans,sans-serif;background-color:#eee}.search-bar{display:flex;justify-content:center}.search-bar input{width:40%;padding:8px;font-family:Open Sans,sans-serif;margin:15px}.content{margin:0 auto;max-width:1008px}.content header{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.content header .subtitle,.content header .title{color:#53596e;letter-spacing:2px}.content header .title{margin-bottom:0;font-size:25px}.content header .subtitle{margin-top:10px;font-size:20px}.selected-button{background-color:#808bf0!important;color:#fff!important;box-shadow:none!important}.categories{overflow:scroll;display:flex;text-align:center;justify-content:center;margin-top:20px;margin-bottom:20px}.categories p{margin-top:10px}.categories .btn-active{filter:invert(60%) sepia(13%) saturate(7442%) hue-rotate(206deg) brightness(98%) contrast(92%);background-color:transparent;outline:none}.categories button{cursor:pointer;text-align:center;margin-right:25px;display:flex;flex-direction:column;align-items:center;border:none;background-color:#fff}.categories button img{margin-bottom:5px;height:28px}.categories button:focus{outline:none}.list-content{display:flex;flex-wrap:wrap}.list-content:after,.list-content:before{content:"";border:1px solid transparent;width:384px;margin-bottom:36px;order:1}.container-filter .filters{margin-bottom:20px;flex-wrap:wrap;margin-left:10px;margin-right:10px;display:flex;align-items:baseline}.container-filter .filters .select-group-filter{text-align:center;margin-top:10px}.container-filter .filters .select-group-filter select{width:150px}.container-filter .filters .charities{flex-grow:1;margin-right:5px}.container-filter .filters .charities .select-charities{text-align:right}.container-filter .filters p{color:#989898;margin-right:10px}.container-filter .filters select{height:41px;border:1px solid #808bf0;border-radius:0;background:transparent;color:#808bf0}.container-filter .filters button{margin-right:7px;padding-left:20px;padding-right:20px;background-color:transparent;color:#808bf0;height:41px;border:1px solid #808bf0;border-radius:3px}.container-filter .filters button:focus{outline:none}.anchor-card{text-decoration:none}.anchor-card:first-of-type{margin-left:0}.anchor-card:nth-of-type(3){margin-right:0}.anchor-card:empty{content:"";border:1px solid transparent;width:384px;margin-bottom:36px;order:1}.card{border:1px solid #eee;border-radius:5px;background-color:#fff;padding:10px;box-shadow:1px 1px 8px 1px #d2d5d5;margin:10px;width:316px;height:508px}.card .description{max-width:100ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card img{border-radius:5px;width:100%;height:300px}.card .card-content{padding:0 10px}.card .card-content h2{color:#4352db}.card .card-content h3{margin-bottom:0;color:#0f0b08}.card .card-content p{margin-top:8px;color:#6d6377}.card .card-content h3,.card .card-content p{text-align:center}@media (max-width:960px){.container-filter{padding-left:10px;padding-right:10px}.categories{justify-content:left}.list-content{justify-content:space-evenly}}@media (max-width:620px){.container-filter .filters{justify-content:center}.container-filter .filters .charities .select-charities{text-align:center}}