.portfolio .filter{display:flex;margin-top:64px;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.portfolio .filter .filter-link{display:inline-block;position:relative;border:none;border-radius:24px;padding:8px 24px;font-size:1rem;line-height:1rem;text-transform:uppercase;overflow:hidden;transition:color .3s ease-in-out,background-color .3s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;vertical-align:middle;text-decoration:none;color:var(--color-theme-01);background-color:rgba(0,0,0,0);box-shadow:var(--color-theme-01) 0px 0px 0px 1px}.portfolio .filter .filter-link.active{color:#fff;background-color:var(--color-theme-01)}.portfolio .cards-grid{display:grid;margin:64px 0;flex-wrap:wrap;justify-content:space-between;gap:24px;grid-template-columns:repeat(1, 1fr)}@media(min-width: 575px)and (max-width: 991px){.portfolio .cards-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 991px)and (max-width: 1399px){.portfolio .cards-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1399px){.portfolio .cards-grid{grid-template-columns:repeat(4, 1fr)}}.portfolio .cards-grid .card{display:flex;position:relative;margin:0px auto;border:none;border-radius:8px;width:100%;max-width:380px;overflow:hidden;box-shadow:rgba(0,0,0,.05) 4px 4px 16px;background-color:var(--color-backgroung);flex-direction:column;z-index:0;background-clip:border-box;min-width:0;word-wrap:break-word}.portfolio .cards-grid .card .card-header{background:linear-gradient(90deg, var(--color-theme-01) 32.81%, var(--color-theme-linear-gradient) 100%)}.portfolio .cards-grid .card .card-header a{display:flex}.portfolio .cards-grid .card .card-header img{width:100%;-o-object-position:center center;object-position:center center}@media(max-width: 575px){.portfolio .cards-grid .card .card-header img{max-height:180px}}@media(min-width: 1399px){.portfolio .cards-grid .card .card-header img{height:153px}}@media(min-width: 1199px)and (max-width: 1399px){.portfolio .cards-grid .card .card-header img{height:178px}}@media(min-width: 991px)and (max-width: 1199px){.portfolio .cards-grid .card .card-header img{height:148px}}@media(min-width: 767px)and (max-width: 991px){.portfolio .cards-grid .card .card-header img{height:168px}}@media(min-width: 575px)and (max-width: 767px){.portfolio .cards-grid .card .card-header img{height:123px}}.portfolio .cards-grid .card .card-body{padding:16px 16px 8px}.portfolio .cards-grid .card .card-body .title-link{color:var(--color-theme-01);text-decoration:none;transition:color .3s ease-in-out}.portfolio .cards-grid .card .card-body .title-link:hover{color:#e66e00}.portfolio .cards-grid .card .card-body .title-link .title{margin-bottom:16px;text-transform:uppercase;font-size:20px;font-weight:bold}.portfolio .cards-grid .card .card-body .content{margin-bottom:1rem}.portfolio .cards-grid .card .card-body .details{color:var(--color-theme-01);text-decoration:none;transition:color .3s ease-in-out}.portfolio .cards-grid .card .card-body .details:hover{color:#e66e00}.portfolio .cards-grid .card .card-footer{padding:8px 16px 16px;margin-top:auto}.portfolio .cards-grid .card .card-footer .techs-container{display:flex;flex-wrap:wrap;margin-top:0px;gap:8px;justify-content:flex-end}.portfolio .cards-grid .card .card-footer .techs-container .tech-icon svg{width:24px;height:24px;border-radius:100%;color:#fff;background-color:var(--color-theme-01)}/*# sourceMappingURL=style.css.map */