.projectContainer{display:flex;flex-wrap:wrap}.projectCard{align-items:center;justify-content:center;margin:1rem auto;width:90%;gap:1rem;border-radius:.5rem;opacity:0;background-color:#a6abab;cursor:pointer}.projectCard,.projectImg{display:flex;flex-direction:column}.projectImg{overflow:hidden;justify-content:flex-start}.projectImg a{border:none}.projectImg img{transition:all .2s ease;height:200px;object-fit:cover}.projectImg img:hover{transform:scale(1.1)}.pageTitle{font-weight:900;font-size:2rem;text-align:center;margin:4rem 1rem 1rem}.projectTitle{font-weight:800;text-align:center;margin:1rem;font-size:1.5rem}.projectSubtitle{text-align:left;height:50px}.projectSubtitle,.tag{font-size:.75rem;margin:1rem}.tag{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:1rem}.tagBox{background-color:#08c;padding:.25rem;border-radius:.25rem;color:#fff;min-width:70px;text-align:center}.tagBox:hover{background-color:#009ceb}.buttonGroup{display:flex;justify-content:center;gap:1rem;width:100%}.buttonGroup>*{display:flex;align-items:center;margin-top:1rem;border:1px solid #363636;padding:.5rem 1rem;border-radius:1rem;font-size:.5rem}.demo{background-color:#fff;color:#08c}.demo,.source{font-size:.75rem;border:1px solid #08c}.source{background-color:#08c;color:#fff}.demo:hover,.source:hover{background-color:#009ceb;color:#fff}@media (min-width:769px) and (max-width:1023px){.projectCard{width:45%}}@media (min-width:1024px){.projectCard{width:30%}}