body{background-color:#fff;font-family:rubik}.rubik{font-optical-sizing:auto;font-family:Rubik,sans-serif;font-weight:<weight>;font-style:normal}.container{text-align:center;flex-direction:column;align-items:center;padding-top:115px;display:flex}.profile-pic{background-color:#ff2d55;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.profile-pic img{border:#fff;border-radius:50%;outline:20px solid #fff;width:70px;height:70px}.konten img{z-index:-1;height:270px;position:absolute;top:94px;left:50%;transform:translate(-50%,-50%)}.banner{text-align:center;flex-direction:column;align-items:center;width:100%;height:204px;display:flex}.konten{width:10px}h1{font-size:px;color:#202020;justify-content:center;align-items:center;font-weight:700}h2{font-size:20px;font-weight:regular;margin:15px 0 5px}.description{color:#000;font-size:14px}.button{color:#fff;z-index:4;background-color:#ff2d55;border-radius:20px;margin-top:15px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}#rive-canvas{z-index:3;pointer-events:auto;width:900px;margin:0 auto;position:absolute;top:284px;left:50%;transform:translate(-50%,-50%)}#rive-canvas2{z-index:3;pointer-events:none;width:1888px;margin:0 auto;position:fixed;top:474px;left:50%;transform:translate(-50%,-50%)}.grid-item{justify-content:center;align-items:center;width:300px;padding:10px}.grid-item img{border-radius:8px;width:100%;display:block}.grid-item:hover img{transition:transform .3s ease-in-out;transform:scale(1.02)}.grid-item h3{color:#202020;text-align:left;margin:10px;font-size:21px;font-weight:440;text-decoration:none}.tags{flex-wrap:wrap;gap:5px;margin:10px;display:flex}.tag{color:#333;background-color:#f0f0f0;border-radius:12px;padding:5px 10px;font-size:12px}a{text-decoration:none}#loader{z-index:9999;background:#fff;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;pointer-events:none}.loader-box{color:#111;text-align:center;width:min(420px,90%);font:500 14px/1.4 Rubik,system-ui}.bar{background:#eee;border-radius:999px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}#bar{background:#ff4d6d;width:0%;height:100%;transition:width .15s;display:block}.pct{margin-bottom:6px;font-size:14px}.note{opacity:.6}
/*# sourceMappingURL=portfolio.6924773b.css.map */