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