.portofolio{margin:2%;padding:2%}.portofolio .main{align-items:center;text-align:center;margin-bottom:3%}.portofolio .main h1{color:var(--mor-color);font-size:50px;font-weight:700}.portofolio .main p{margin-top:3%;color:var(--h1-p-color)}.portofolio .buttons{width:100%;border:1px solid #706370;border-radius:40px;padding:3%;margin-bottom:2%;text-align:center}.portofolio .buttons Button{margin:8px;color:wheat;font-size:16px;text-align:center;justify-content:center;align-items:center}.portofolio .buttons Button .text{display:block}.certificates .section{background-image:var(--card-backTheme);border-radius:10px;margin:5px}.certificates .section img{padding:10px}.certificates .section:hover{box-shadow:0 4px 16px rgba(110,105,140,.2);transform:scale(1.08);transition:box-shadow .3s,transform .3s;cursor:pointer}.skills .cont{margin-bottom:5%}.skills .title{font-size:20px;color:#b2f105;font-weight:400}.skills .section{gap:1rem;display:inline-flex;font-size:60px}.skills .section span{background-image:var(--card-backTheme);background-position:50%;background-repeat:no-repeat;padding:8px 16px;border-radius:10px;text-align:center;justify-content:center;align-items:center;display:flex;flex-direction:column;min-width:80px;min-height:80px}.skills .section span p{color:#fff;font-size:12px;margin-top:5px;margin-bottom:0;font-weight:500;text-align:center}.skills .section span:hover{box-shadow:0 4px 16px rgba(110,105,140,.2);transform:scale(1.08);transition:box-shadow .3s,transform .3s;cursor:pointer}.filterButton{display:flex;gap:2rem}.project{display:flex;flex-direction:column;height:100%;background-image:url(/projectTheme.png)!important;background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden;border-radius:10px 50px;box-shadow:10px 10px 15px rgba(200,189,35,.2);padding:10px}.card-img-top{border-top-right-radius:40px}.card-body{flex-grow:5px}.project img{margin-top:2%}.project .title{font-size:25px;font-weight:700;text-align:center;margin-bottom:20px;color:azure}.project .text{font-size:16px;color:#afacac}.card-body{display:flex;flex-direction:column;flex-grow:1}.project .buttons{display:flex;justify-content:space-between;align-items:center;background-color:#201e1f}.project .buttons .button{color:#ee05ee}.project .buttons .button:hover{color:#e8e7e8;font-size:18px}.project .buttons .btn{background-color:purple;color:#fff}.project .buttons .btn:hover{color:#d6820d;font-size:18px}