.projectCard{position:relative}.projectCard__link{position:absolute;inset:0;z-index:2}.projectCard:hover{cursor:pointer}.projectCard:hover .projectCard_icon_content{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.projectCard:hover .projectCard_top img{transform:scale(1.05);opacity:.6}.projectCard h2{font-family:var(--font-roboto);font-weight:500;font-size:1.5rem}.projectCard_top{position:relative;width:inherit;height:18.75rem;overflow:hidden;border-radius:1.25rem;border-bottom-right-radius:0}.projectCard_top img{object-fit:cover;transition:all .25s ease-in-out}.projectCard_top h2.card-title{position:absolute;text-align:center;top:35%;left:50%;transform:translate(-50%,-50%);z-index:1;background-color:hsla(223,100%,9%,.85);padding:.5rem 1rem;border-radius:5px}.projectCard_icon{position:absolute;bottom:-.375rem;right:-.375rem;width:6rem;height:6rem;background-color:hsl(223,100%,9%);border-top-left-radius:50%}.projectCard_icon:before{bottom:.375rem;left:-1.25rem}.projectCard_icon:after,.projectCard_icon:before{position:absolute;content:"";background:rgba(0,0,0,0);width:1.25rem;height:1.25rem;border-bottom-right-radius:1.25rem;box-shadow:.313rem .313rem 0 .313rem hsl(223,100%,9%)}.projectCard_icon:after{top:-1.25rem;right:.375rem}.projectCard_icon_content{position:absolute;inset:.625rem;background-color:hsl(164,100%,46%);border-radius:50%;display:flex;justify-content:center;align-items:center;color:hsl(223,100%,9%);transform:all .25s ease-in-out}.projectCard_icon_content span{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.projectCard_icon_content span svg{height:1.5rem;width:1.5rem}.projectCard_content ul{list-style-type:none;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.projectCard_content ul li{font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:hsl(332,67%,48%);padding:.25rem .5rem}.projects_cards{display:grid;grid-template-columns:repeat(4,1fr);grid-row-gap:3rem;row-gap:3rem;grid-column-gap:2rem;column-gap:2rem;margin-top:2rem}@media(min-width:576px){.projects_cards{grid-template-columns:repeat(8,1fr)}}.projects_cards .projectCard{grid-column:span 4}