.portfolio{flex-direction:column;justify-content:center;width:100%;margin-bottom:80px;display:flex}.portfolio-description{text-align:center;max-width:650px;margin:0 auto 100px}.portfolio img{border-radius:var(--radius-md);object-fit:cover;object-position:top;width:90%;max-width:800px;height:auto;max-height:400px;margin:0 auto}.portfolio h2{text-align:center;border-radius:var(--radius-md);background-color:#0b1b4b;width:100%;max-width:900px;margin:-20px auto 50px;padding:25px 0}.portfolio .content{border-radius:var(--radius-md);word-wrap:break-word;background-color:#08153a;width:80%;max-width:800px;margin:0 auto;padding:20px 30px}.tech-tags{flex-wrap:wrap;gap:8px;width:80%;max-width:800px;margin:20px auto;padding:0;list-style:none;display:flex}.tech-tags li{background-color:var(--color-portfolio-dark);border-radius:4px;padding:4px 10px;font-size:14px}.links{justify-content:center;gap:50px;margin-top:50px;display:flex}.links a.btn{background-color:var(--color-portfolio-dark);color:var(--color-text-link);text-transform:uppercase;border-radius:var(--radius-md);padding:10px 20px;font-size:16px;transition:all .5s}.links a.btn:hover{color:var(--color-portfolio-text-on-light);background-color:var(--color-portfolio-light);font-weight:700;transform:scale(1.1)}.pagination{justify-content:center;align-items:center;gap:8px;margin:40px auto 20px;display:flex}.pagination-btn{background-color:var(--color-portfolio-dark);color:var(--color-text-link);border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 14px;font-size:15px;transition:all .3s}.pagination-btn:hover:not(:disabled){background-color:var(--color-portfolio-light);color:var(--color-portfolio-text-on-light);font-weight:700;transform:scale(1.08)}.pagination-btn.active{background-color:var(--color-portfolio-light);color:var(--color-portfolio-text-on-light);font-weight:700}.pagination-btn:disabled{opacity:.35;cursor:default}@media (width<=470px){.portfolio{text-align:center;margin-bottom:30px}.links{flex-direction:column;gap:20px;width:auto;max-width:90%;margin:20px auto}.links a{text-align:center}.portfolio h2{width:80%;margin-bottom:20px;padding:12px 10px;font-size:24px}.portfolio .content{padding:12px 16px;font-size:16px}}