.projectCard{height:400px;width:100%;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:row;align-items:flex-end;box-shadow:var(--shadow-l)}.projectCardBg{position:absolute;inset:0;z-index:0;filter:blur(2px);transform:scale(1.02)}.projectTitleDiv{position:relative;z-index:1;padding-top:24px;padding-bottom:50px;font-family:var(--family-text);background-color:rgba(0,0,0,.8);width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.projectTitleDiv h3{color:var(--btn-primary-text)!important;font-size:2rem}.projectTitleOuter{position:absolute;bottom:5%;right:5%;z-index:999}.projectTitleContainer{position:relative}.projectTitleBG{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--btn-primary-text);width:0;height:0;border-radius:50%;z-index:0;transition:all .3s ease}.projectTitleContainer:hover .projectTitleBG{height:2rem;width:2rem;transition:all .3s ease;cursor:pointer}.projectTitleButton{background-color:transparent;border:none;color:var(--btn-primary-text)!important;font-weight:var(--font-title);font-size:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative;z-index:1}.projectTitleContainer:hover .projectTitleButton{color:var(--color-primary)!important;transition:all .3s ease;cursor:pointer}.projectDisplay{margin:50px 25px;width:100%;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;place-items:center;grid-row-gap:3rem;row-gap:3rem}@media (max-width:600px){.projectDisplay{grid-template-columns:repeat(1,1fr);gap:4rem}}@media (min-width:601px) and (max-width:1600px){.projectDisplay{grid-template-columns:repeat(2,1fr);gap:4rem}}@media (min-width:1601px){.projectDisplay{width:75%}}