:root{--green: #6CBD45;--grey: #585957;--lightgrey: #828282}html[data-theme=dark]{--green: #000000 !important;--grey: #1d1c1c !important;--lightgrey: #000000 !important}.library{padding:20px}.library__title{font-size:2.4rem}.library__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.library__content .cards{margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.library__content .cards__name{text-align:center;font-size:2rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.library__content .cards__photo{width:100%;max-height:400px;-ms-flex-preferred-size:0;flex-basis:0;margin:0 auto}.library__content .cards__photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.library__content .cards__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;padding:15px 0;border-bottom:1px solid #313438}.library__content .cards__btn:hover{color:var(--green)}@media(max-width: 768px){.library{padding:15px}.library__title{font-size:2rem}.library__content .cards{padding:0;margin-bottom:20px}.library__content .cards__name{font-size:1.8rem}}