.title{color:#83ade2;font-size:clamp(3.125rem,6vw,4rem);text-align:center;margin-bottom:130px;font-weight:400;padding:0 24px}@media only screen and (min-width:0px){.portfolio-page-section{width:100%;display:flex;justify-content:center;margin-bottom:96px}.portfolio-page-section .container{margin-top:96px;width:100%;max-width:1480px;padding:0 24px;display:flex;flex-direction:column;align-items:center}.portfolio-page-section .cards-container{width:100%;display:grid;grid-template-columns:minmax(100px,380px);grid-gap:48px;gap:48px;grid-row-gap:64px;row-gap:64px;justify-content:center}.portfolio-page-section .project-card-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.portfolio-page-section .project-card-container .background{border-radius:16px;cursor:pointer;transition:all .15s cubic-bezier(.455,.03,.515,.955);filter:brightness(.8)}.portfolio-page-section .project-card-container .background:hover{filter:brightness(1)}.portfolio-page-section .project-card-container .content{display:flex;position:relative;margin-top:1rem;justify-content:space-between;padding:0 8px}.portfolio-page-section .project-card-container h2{align-items:center;font-size:1.75rem;text-wrap:nowrap}.portfolio-page-section .project-card-container h2,.portfolio-page-section .project-card-container span{color:#fff;font-weight:400;letter-spacing:1px;display:flex;width:-moz-fit-content;width:fit-content;height:100%}.portfolio-page-section .project-card-container span{align-items:flex-end;font-size:1.5rem;opacity:.8;margin-right:6px}.portfolio-page-section .project-card-container .icons-container{display:flex;width:max-content;gap:16px;height:100%;max-height:28px;align-items:center;justify-content:flex-end;margin-right:6px;overflow:visible;width:100%}.portfolio-page-section .project-card-container .website-icon{overflow:visible;max-height:28px;cursor:pointer;transition:transform .15s cubic-bezier(.455,.03,.515,.955);transform:scale(1)}.portfolio-page-section .project-card-container .website-icon:hover{transform:scale(1.1)}.portfolio-page-section .project-card-container .website-icon:active{transform:scale(1)}.portfolio-page-section .project-card-container .github-icon{overflow:visible;max-height:28px;cursor:pointer;transition:transform .15s cubic-bezier(.455,.03,.515,.955);transform:scale(1)}.portfolio-page-section .project-card-container .github-icon:hover{transform:scale(1.1)}.portfolio-page-section .project-card-container .github-icon:active{transform:scale(1)}}@media only screen and (min-width:800px){.portfolio-page-section .cards-container{grid-template-columns:repeat(2,minmax(100px,380px))}}@media only screen and (min-width:1280px){.portfolio-page-section .cards-container{grid-template-columns:repeat(3,minmax(100px,380px))}.portfolio-page-section .item-container:hover{transform:translateY(-4px)}.portfolio-page-section .item-container:active{transform:scale(.99)}}