.portfolioProjects{margin-top:-40px}.portfolioProjects__card{display:grid;min-height:400px;grid-template-columns:40% 60%;grid-template-rows:min-content 1fr;margin-bottom:40px;box-shadow:0 0 10px #0003;overflow:hidden}.portfolioProjects__card:hover .portfolioProjects__img{transform:scale(1.01)}.portfolioProjects__img-container{overflow:hidden;height:inherit;width:inherit;grid-row:1/3}.portfolioProjects__img{width:100%;height:100%;object-fit:cover;transition:1.6s}.portfolioProjects__img-placeholder{width:100%;height:100%;background-color:#002c2f}.portfolioProjects__title{background-color:#fff;padding:30px 30px 0 35px;margin:0;font-weight:400;font-size:40px;line-height:40px;color:#2b9cc2;font-family:sans-serif}.portfolioProjects__text{padding:0 20px 0 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;background-color:#fff;color:#727272}.portfolioProjects__text p{margin:0;font-size:1.4rem;color:#727272}.portfolioProjects__meta{justify-self:start;align-self:start}.portfolioProjects__meta>p{margin-bottom:20px}.portfolioProjects__tech-wrapper{display:flex;flex-direction:column}.portfolioProjects__tech-group{display:flex;align-items:center;margin-top:7px}.portfolioProjects__tech-group>p{white-space:nowrap}.portfolioProjects__tech-group>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-left:10px}.portfolioProjects__tech-group a{background-color:#dbe0e4;color:#797979;padding:3px 10px;border-radius:20px;transition:.2s;text-decoration:none;font-size:1.3rem}.portfolioProjects__tech-group a:hover{background-color:#1a94bb;color:#fff;cursor:pointer}.portfolioProjects__description p{font-size:1.4rem;line-height:2rem;color:#727272;text-align:left;max-width:none;margin:0;max-width:800px}.portfolioProjects__buttons{align-self:start;justify-self:start}.portfolioProjects__buttons a{text-decoration:none}.portfolioProjects__buttons button{margin-right:10px;margin-bottom:-10px;border:none;padding:7px 20px 15px;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#1a94bb;color:#fff;font-size:1.4rem;transition:.2s;cursor:pointer}.portfolioProjects__buttons button:hover{background-color:#157898;transform:translateY(-5px)}.portfolioProjects__btn-github{transform:translateY(7px);display:inline-flex!important;align-items:center;justify-content:center;padding:10px 15px 15px!important}.portfolioProjects__btn-github:hover{transform:translateY(2px)!important}@media(max-width:1300px){.portfolioProjects__card{grid-template-columns:1fr 1fr}}@media(max-width:900px){.portfolioProjects{margin-top:-22px}.portfolioProjects__card{grid-template-rows:auto;grid-template-columns:auto;height:auto;box-shadow:none}.portfolioProjects__text{width:90vw;margin:0 auto;box-shadow:0 0 10px #0003;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:20px 20px 0}.portfolioProjects__img-container{grid-row:2/3;height:300px;width:90vw;margin:0 auto}.portfolioProjects__title{padding:20px 30px;width:90vw;text-align:center;margin:0 auto;box-shadow:0 0 10px #0003;border-top-left-radius:10px;border-top-right-radius:10px}.portfolioProjects__meta{margin-bottom:20px;align-self:center}.portfolioProjects__buttons{margin-top:20px}.portfolioProjects__meta>p{margin-bottom:10px}}@media(max-width:550px){.portfolioProjects__tech-group{flex-direction:column;margin:0 auto}.portfolioProjects__tech-group>div{justify-content:center;margin-left:0}.portfolioProjects__tech-group a{margin-bottom:5px}.portfolioProjects__tech-group>p{margin-bottom:5px;margin-top:10px}.portfolioProjects__tech-wrapper{width:100%}.portfolioProjects__text{padding:10px 20px 0}.portfolioProjects__text p{text-align:center;margin-bottom:5px}}
