.projects-card{display:flex;flex-direction:column;gap:10px}.projects-card-img{height:450px;position:relative;width:100%}.projects-card-img img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.projects-card-info{align-items:flex-end;display:flex;flex-flow:row wrap;gap:5px;justify-content:space-between}h4.projects-card-info-name{color:var(--black);display:-webkit-box;font-size:24px;height:24px;position:relative;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow-y:hidden}.projects-card-info-type{color:var(--dark-violet);text-wrap:nowrap;white-space:nowrap}.project-card-detail{align-items:center;background:linear-gradient(180deg,#7c4dff00,#7c4dff66);border-radius:10px;color:var(--white);display:flex;font-size:var(--text);inset:0;justify-content:center;line-height:100%;opacity:0;position:absolute;transition:var(--transition)}@media (hover:hover){.projects-card:hover .project-card-detail{opacity:1}}@media (hover:none){.projects-card:active .project-card-detail{opacity:1}}@media screen and (max-width:1200px){.projects-card-img{height:268px}}@media screen and (max-width:640px){.projects-card-img{height:220px}}@media screen and (max-width:500px){.projects-card-info{align-items:flex-start;flex-direction:column}.projects-card-img{height:254px}}.projects-list{display:flex;flex-flow:row wrap;gap:40px 20px;width:100%}.projects-list>:not(.projects-list-btn){width:calc(33.33333% - 20px)}.projects-list-btn{margin:20px auto 0;opacity:1;padding:12px 25px;pointer-events:all;width:335px}.projects-list-btn.hidden{opacity:0;pointer-events:none}@media screen and (max-width:1200px){.projects-list{gap:30px 20px}.projects-list>:not(.projects-list-btn){width:calc(50% - 20px)}.projects-list-btn{margin:10px auto 0}}@media screen and (max-width:640px){.projects-list>:not(.projects-list-btn){width:100%}.projects-list-btn{grid-column:span 1;width:100%}}.container.portfolio-container{align-items:center;display:flex;flex-direction:column;gap:40px}.portfolio-container h2{color:var(--violet);text-align:center}