#fireflies-container[data-v-24eb0ebd]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.firefly[data-v-24eb0ebd]{position:absolute;border-radius:50%;pointer-events:none;transition:transform .1s linear,opacity .5s ease}.firefly.type-a[data-v-24eb0ebd]{width:8px;height:8px;background:#21ff00;box-shadow:0 0 10px #21ff00,0 0 20px #21ff00}.firefly.type-b[data-v-24eb0ebd]{width:6px;height:6px;background:gold;box-shadow:0 0 8px gold,0 0 16px gold}.firefly.type-c[data-v-24eb0ebd]{width:10px;height:10px;background:#0ff;box-shadow:0 0 12px #0ff,0 0 24px #0ff}@font-face{font-family:Monoton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/theFont-DPi0BM-w.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #216038;--secondary: #44865B;--accent: #21FF00;--text-light: #ffffff;--text-dark: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Ubuntu,sans-serif;background:linear-gradient(135deg,#2d3b32,#1c2c24);color:var(--text-dark);height:100%;overflow-x:hidden}#btn-en,#btn-id{text-align:right;color:#21ff00;transition:all 1s ease-in-out}#playButton{color:#21ff00;width:auto;display:flex;text-align:center}.buttonContainer{display:flex;justify-content:center;align-items:center}a{color:#e0e0e0;text-decoration:none;transition:all .3s ease-in-out}a:hover{color:var(--accent)}canvas{height:100vh;z-index:-1000;position:fixed;top:0;left:0}.firstAlas{display:flex;margin:2rem auto;max-width:1100px;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px #0000004d;background:#fff;min-height:80vh}.namePage{width:35%;background-color:var(--primary);color:var(--text-light);padding:30px 20px;text-align:center}.card-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:15px;box-shadow:0 6px 12px #0000004d;border:3px solid #ffffff55}.topImage{position:relative;width:120px;height:120px;margin:0 auto 15px}.topImage img{position:absolute;top:0;left:0;width:120px;height:120px;border-radius:50%;object-fit:cover;transition:opacity .4s ease}.topImage img:nth-child(1){z-index:2;opacity:1}.topImage img:nth-child(2){z-index:1;opacity:0}.topImage:hover img:nth-child(1){opacity:0}.topImage:hover img:nth-child(2){opacity:1}.nameTop{letter-spacing:20px;font-family:Monoton,cursive;font-size:2rem;margin-bottom:1rem;margin-left:35px;transition:all .5s ease-in-out;color:#fff}.nameTop:hover{color:var(--accent)}.card-contact{display:flex;align-items:center;gap:8px;margin-bottom:0}.card-contact svg{margin-top:15px;width:20px;height:20px;flex-shrink:0}.card-contact p{margin:0;font-size:15px;line-height:1.3}.descriptionPage{background-color:var(--secondary);flex:1;position:relative;overflow:hidden;padding:20px 0}.card-content{position:relative;margin-top:1rem;padding-left:2rem;padding-right:1rem;max-height:97vh;overflow-y:auto;scroll-behavior:smooth}.card-content::-webkit-scrollbar{width:6px}.card-content::-webkit-scrollbar-thumb{background-color:#2e383275;border-radius:3px}.card-timeline{position:absolute;top:30px;left:38px;bottom:0;width:2px;background:linear-gradient(to top,var(--secondary),var(--accent))}.card-item{position:relative;padding-left:30px;padding-bottom:40px;animation:fadeInUp .6s ease forwards;animation-delay:calc(.05s * var(--i));opacity:0}.card-item:hover{transform:translate(5px);transition:all 2s ease}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInRight{0%{width:0;opacity:0}50%{width:100%;opacity:.5}to{width:var(--width);opacity:1}}.card-item-title{font-weight:600;font-size:16px;color:#fff}.card-item-desc{font-size:14px;color:#eaeaea;margin-top:4px}.card-item-desc a{font-size:14px;color:#76ff01;margin-top:4px}.circle{position:absolute;top:5px;left:-15px;width:16px;height:16px;border-radius:50%;background:linear-gradient(to bottom right,#dceccf,#84b06d);border:2px solid #2d511b;box-shadow:inset 0 1px 2px #fff9,0 1px 3px #0003;z-index:1;transition:all 3s ease-in-out}.circle:before,.circle:after{content:"";position:absolute;width:6px;height:6px;background-color:#2d511b;border-radius:50%;opacity:.5;transition:all 5s ease-in-out}.circle:before{top:-4px;left:12px}.circle:after{top:12px;left:-4px}.circle-pending{margin-bottom:2px;left:-15px;width:16px;height:16px;border-radius:50%;background:#ff9100;border:2px solid #000000;box-shadow:inset 0 1px 2px #fff9,0 1px 3px #0003;z-index:1}.circle-done{margin-bottom:2px;left:-15px;width:16px;height:16px;border-radius:50%;background:#0f2;border:2px solid #000000;box-shadow:inset 0 1px 2px #fff9,0 1px 3px #0003;z-index:1;transition:all 3s ease-in-out}.yearTime{color:#ddd;font-size:11px;font-weight:700;margin-bottom:6px}.about{color:#b4ffb4;display:flex;text-align:left;margin-top:15px;margin-left:10px}.about:hover{color:#0f2}.tabs-container{width:100%;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#2e383275 transparent}.tabs-container::-webkit-scrollbar{height:6px}.tabs-container::-webkit-scrollbar-thumb{background-color:#2e383275;border-radius:3px}.tabs-container::-webkit-scrollbar-track{background:transparent}.page-tabs{display:inline-flex;gap:1rem;padding:0 1rem;white-space:nowrap}.page-tabs button{flex-shrink:0;background-color:var(--secondary);color:#fff;border:none;padding:0 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.page-tabs button.active{color:#fff}button:hover{color:var(--accent)}.achievements-section{width:90%;height:90%;animation:fadeInUp .6s ease forwards;background-color:#366d4b;padding:2rem;border-radius:12px;margin:2rem 1rem;color:#fff}.achievements-title{animation:fadeInUp .6s ease forwards;font-size:1.6rem;margin-bottom:1rem;text-align:left;color:#e0ffe0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.achievement-card{background-color:#44865b;padding:1rem;border-radius:10px;box-shadow:0 3px 6px #0003;transition:transform .2s ease}.achievement-card:hover{transform:scale(1.03)}.achievement-card h4{margin-bottom:.5rem;font-size:1.6rem;color:#caffca}.achievement-card p{font-size:1.3rem;color:#f0fff0}.certificate-slider{display:flex;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:10px}.certificate-slider img{width:100%;max-width:300px;scroll-snap-align:start;border-radius:10px;border:2px solid #ccc;flex-shrink:0;transition:transform .3s ease}.certificateTitle{animation:fadeInUp .3s ease forwards;font-size:2rem;color:#caffca;transition:all 3s ease-in-out}.achievement-card-certificate{animation:fadeInUp .6s ease forwards;background-color:#44865b;padding:1rem;border-radius:10px;box-shadow:0 3px 6px #0003;transition:transform .2s ease;scrollbar-width:thin;scrollbar-color:#2e383275 transparent}.card-desc{margin-left:10px;display:flex;text-align:left;line-height:.3;font-size:14px;font-weight:400;font-size:15px}.card-subtitle{color:#bdbdbd;text-align:left;font-weight:700;font-size:18px;margin-bottom:10px}.card-subtitle-header{margin-top:40px}footer{text-align:center;padding:1rem;font-size:.85rem;color:#aaa;border-top:1px solid #333;margin-top:3rem}.bar{width:100%;height:14px;background:#333;border-radius:30px;overflow:hidden;margin-top:5px;box-shadow:inset 0 0 5px #000;transition:all 5s ease-in-out}.progress{animation:fadeInRight 2s ease forwards;height:100%;background:linear-gradient(90deg,#5ded97,#1e7f4f);width:0%;transition:all 3s ease-in-out;border-radius:8px}.skills-grid{position:relative;margin-top:1rem;padding-left:2rem;padding-right:1rem;max-height:90vh;overflow-y:auto;scroll-behavior:smooth}.skills-grid::-webkit-scrollbar{width:6px}.skills-grid::-webkit-scrollbar-thumb{background-color:#2e383275;border-radius:3px}.projects-grid{position:relative;margin-top:1rem;padding-left:2rem;padding-right:1rem;max-height:90vh;overflow-y:auto;scroll-behavior:smooth}.projects-grid::-webkit-scrollbar{width:6px}.projects-grid::-webkit-scrollbar-thumb{background-color:#2e383275;border-radius:3px}.projects-section{width:90%;height:90%;animation:fadeInUp .6s ease forwards;background-color:#366d4b;padding:2rem;border-radius:12px;margin:2rem 1rem;color:#fff}.projects-card img{margin-bottom:5%;display:flex;justify-self:center;border-radius:5%;width:100%;max-width:300px}.skill-card{margin-bottom:3rem;width:100%;box-sizing:border-box}.projects-card{margin-bottom:5rem;width:100%;background-color:#44865b;padding:1rem;border-radius:10px;box-shadow:0 3px 6px #0003;transition:transform .2s ease}.projects-card:hover{transform:scale(1.03)}.projects-card h4{margin-bottom:.5rem;font-size:1.6rem;color:#caffca}.projects-card p{font-size:1.3rem;color:#f0fff0}.projects-title,.bahasaTitleFirst{margin-left:.5rem;animation:fadeInUp .6s ease forwards;font-size:2rem;color:#caffca;transition:all 3s ease-in-out}.bahasaTitle{font-weight:700;font-size:1.5rem;color:#caffca}.skill-section{width:90%;height:90%;animation:fadeInUp .6s ease forwards;background-color:#366d4b;padding:2rem;border-radius:12px;margin:2rem 1rem;color:#fff}.skill-card{background-color:#44865b;padding:1rem;border-radius:10px;box-shadow:0 3px 6px #0003;transition:transform .2s ease}.skill-card img{width:50px}.skill-card:hover{transform:scale(1.03)}.allPeople-names button{width:auto;display:flex;margin:auto;text-align:center;transition:all 1s ease-in-out}.allPeople-names button:hover{color:#21ff00!important}.allPeople-section{width:96%;height:90%;animation:fadeInUp .6s ease forwards;background-color:#366d4b;padding:2rem;border-radius:12px;margin:2rem 1rem;color:#fff}.allPeople-names{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;justify-items:center;margin:24px 0}.allPeople-names a{display:inline-block;padding:8px 18px;background:#f3f3f3;border-radius:8px;color:#222;text-decoration:none;font-weight:500;box-shadow:0 2px 8px #0000000a;transition:background .2s,color .2s;cursor:pointer}.allPeople-names a:hover{background:#ffe066;color:#222}.allPeople-grid{position:relative;margin-top:1rem;padding-left:2rem;padding-right:1rem;max-height:90vh;overflow-y:auto;scroll-behavior:smooth}.allPeople-grid::-webkit-scrollbar{width:6px}.allPeople-grid::-webkit-scrollbar-thumb{background-color:#2e383275;border-radius:3px}.myMusic-section{width:96%;height:90%;animation:fadeInUp .6s ease forwards;background-color:#366d4b;padding:2rem;border-radius:12px;margin:2rem 1rem;color:#fff}.myMusic-card{background-color:#44865b;padding:1rem;border-radius:10px;box-shadow:0 3px 6px #0003;transition:transform .2s ease}.myMusic-grid{display:block;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}body.terang{--primary: #216038;--secondary: #44865B;--accent: #21FF00;--text-light: #ffffff;--text-dark: #1a1a1a;background:linear-gradient(135deg,#2d3b32,#1c2c24);transition:all 3s ease-in-out}body.terang .firstAlas,body.terang .namePage,body.terang .descriptionPage,body.terang .card-item-title,body.terang .card-item-desc,body.terang .yearTime,body.terang .achievements-section,body.terang .achievement-card-certificate,body.terang .skill-section,body.terang .skill-card,body.terang .projects-section,body.terang .projects-card,body.terang .achievement-card,body.terang .allPeople-section,body.terang button,body.terang .page-tabs,body.terang .progress{transition:all .5s ease-in-out}body.terang .nameTop:hover{color:var(--accent);text-shadow:0 0 10px #21FF00}body.terang .topImage img{border:3px solid #21FF0055;transition:border-color 1s ease}body.terang .progress{transition:background 3s ease,width 3s ease-in-out}body.terang .page-tabs button,body.terang .about{transition:all .6s ease-in-out}body.terang .card-item:hover{transition:all .2s ease}body.terang .achievement-card:hover,body.terang .skill-card:hover{transition:transform .2s ease}body.pagi{background:#cc9c00;transition:all 11s ease-in-out}body.pagi .firstAlas{background:#9c7700;box-shadow:0 6px 12px #0006;transition:all 11s ease-in-out}body.pagi .namePage{background-color:#755a00;color:#e8e8e8;transition:all 11s ease-in-out}body.pagi .descriptionPage{background-color:#9c7700;transition:all 11s ease-in-out}body.pagi .certificateTitle,body.pagi .card-item-title,body.pagi .achievements-title,body.pagi h4,body.pagi .card-item-desc,body.pagi .bahasaTitle,body.pagi .bahasaTitleFirst,body.pagi .yearTime{color:#e8e8e8;transition:all 11s ease-in-out}body.pagi .page-tabs button.active{color:#e8e8e8;background-color:#755a00}body.pagi .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.pagi .achievements-section,body.pagi .achievement-card-certificate,body.pagi .skill-section,body.pagi .skill-card,body.pagi .projects-section,body.pagi .allPeople-section,body.pagi .projects-card,body.pagi .achievement-card{background-color:#755a00;transition:all 11s ease-in-out}body.pagi .bar{background:#a06f00;transition:all 11s ease-in-out}body.pagi .progress{background:#f90;transition:all 11s ease-in-out}body.pagi .topImage img{border:3px solid #ff8c4255;transition:all 11s ease-in-out}body.pagi .nameTop:hover{color:#ffcf00;text-shadow:0 0 10px #ff8c42}body.pagi button{background:#9c7700;transition:all 11s ease-in-out}body.pagi-siang{background:#fff5c3;transition:all 11s ease-in-out}body.pagi-siang .firstAlas{background:#cfc387;box-shadow:0 6px 12px #0006;transition:all 11s ease-in-out}body.pagi-siang .namePage{background-color:#b4a663;color:#e8e8e8;transition:all 11s ease-in-out}body.pagi-siang .descriptionPage{background-color:#cfc387;transition:all 11s ease-in-out}body.pagi-siang .certificateTitle,body.pagi-siang .card-item-title,body.pagi-siang .achievements-title,body.pagi-siang h4,body.pagi-siang .card-item-desc,body.pagi-siang .bahasaTitle,body.pagi-siang .bahasaTitleFirst,body.pagi-siang .card-desc,body.pagi-siang .card-subtitle,body.pagi-siang .card-subtitle-header,body.pagi-siang .yearTime{color:#e8e8e8;transition:all 11s ease-in-out}body.pagi-siang .page-tabs button.active{color:#e8e8e8;background-color:#b59a3f}body.pagi-siang .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.pagi-siang .achievements-section,body.pagi-siang .achievement-card-certificate,body.pagi-siang .skill-section,body.pagi-siang .skill-card,body.pagi-siang .projects-section,body.pagi-siang .allPeople-section,body.pagi-siang .projects-card,body.pagi-siang .achievement-card{background-color:#b59a3f;transition:all 11s ease-in-out}body.pagi-siang .bar{background:#8b774b;transition:all 11s ease-in-out}body.pagi-siang .progress{background:#c3ac8b;transition:all 11s ease-in-out}body.pagi-siang .topImage img{transition:all 11s ease-in-out;border:3px solid #88704E}body.pagi-siang .nameTop:hover{color:#ffcf00;text-shadow:0 0 10px #ff8c42}body.pagi-siang button{background:#e0c56d;transition:all 11s ease-in-out}body.siang{background:#5d9cec;transition:all 5.5s ease-in-out}body.siang .firstAlas{background:#a5c7f5;box-shadow:0 6px 12px #0003;transition:all 5.5s ease-in-out}body.siang .namePage{background-color:#2362b3;color:#fff;transition:all 5.5s ease-in-out}body.siang .about{color:#5ed1ff;transition:all 5.5s ease-in-out}body.siang .descriptionPage{background-color:#a5c7f5;transition:all 5.5s ease-in-out}body.siang .certificateTitle,body.siang .card-item-title,body.siang .achievements-title,body.siang h4,body.siang .card-item-desc,body.siang .bahasaTitle,body.siang .bahasaTitleFirst,body.siang .card-desc,body.siang .card-subtitle,body.siang .card-subtitle-header,body.siang .yearTime{color:#fff;transition:all 5.5s ease-in-out}body.siang .page-tabs button.active{color:#fff;background-color:#4a89dc}body.siang .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.siang .achievements-section,body.siang .achievement-card-certificate,body.siang .skill-section,body.siang .skill-card,body.siang .projects-section,body.siang .allPeople-section,body.siang .projects-card,body.siang .achievement-card{background-color:#5d9cec;transition:all 5.5s ease-in-out}body.siang .bar{background:#3b7ddd;transition:all 5.5s ease-in-out}body.siang .progress{background:#89b3f5;transition:all 5.5s ease-in-out}body.siang .topImage img{border:3px solid #4A89DC;transition:all 5.5s ease-in-out}body.siang .nameTop:hover{color:gold;text-shadow:0 0 10px rgba(255,215,0,.7)}body.siang button{background:#4a89dc;transition:all 5.5s ease-in-out}body.siang-sore{background:#bda680;transition:all 5.5s ease-in-out}body.siang-sore .firstAlas{background:#ddc290;box-shadow:0 6px 12px #8b89704d;transition:all 5.5s ease-in-out}body.siang-sore .namePage{background-color:#ddae61;color:#fff8dc;transition:all 5.5s ease-in-out}body.siang-sore .about{color:#fff8dc;transition:all 5.5s ease-in-out}body.siang-sore .descriptionPage{background-color:#e1caa5;transition:all 5.5s ease-in-out}body.siang-sore .certificateTitle,body.siang-sore .card-item-title,body.siang-sore .achievements-title,body.siang-sore h4,body.siang-sore .card-item-desc,body.siang-sore .bahasaTitle,body.siang-sore .bahasaTitleFirst,body.siang-sore .card-desc,body.siang-sore .card-subtitle,body.siang-sore .card-subtitle-header,body.siang-sore .yearTime{color:#fff;transition:all 5.5s ease-in-out}body.siang-sore .page-tabs button.active{color:#fff8dc;background-color:#c8a268}body.siang-sore .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.siang-sore .achievements-section,body.siang-sore .achievement-card-certificate,body.siang-sore .skill-section,body.siang-sore .skill-card,body.siang-sore .projects-section,body.siang-sore .allPeople-section,body.siang-sore .projects-card,body.siang-sore .achievement-card{background-color:#b58e4e;transition:all 5.5s ease-in-out}body.siang-sore .bar{background:#9b8258;transition:all 5.5s ease-in-out}body.siang-sore .progress{background:#dcb887;transition:all 5.5s ease-in-out}body.siang-sore .topImage img{border:3px solid #FFD98D;box-shadow:0 0 15px #daa5204d;transition:all 5.5s ease-in-out}body.siang-sore .nameTop:hover{color:#939393;text-shadow:0 0 8px rgba(205,133,63,.4)}body.siang-sore button{background-color:#ffd287;transition:all 5.5s ease-in-out}body.siang-sore button:hover{background-color:#ffd897}body.sore{background:#ffa51f;transition:all 10.5s ease-in-out}body.sore .firstAlas{background:#ffa51f;box-shadow:0 6px 12px #8b89704d;transition:all 10.5s ease-in-out}body.sore .namePage{background-color:#dc8400;color:#fff8dc;transition:all 10.5s ease-in-out}body.sore .about{color:#ffdc4f;transition:all 10.5s ease-in-out}body.sore .descriptionPage{background-color:#ecb25b;transition:all 10.5s ease-in-out}body.sore .certificateTitle,body.sore .card-item-title,body.sore .achievements-title,body.sore h4,body.sore .card-item-desc,body.sore .bahasaTitle,body.sore .bahasaTitleFirst,body.sore .card-desc,body.sore .card-subtitle,body.sore .card-subtitle-header,body.sore .yearTime{color:#fff;transition:all 10.5s ease-in-out}body.sore .page-tabs button.active{color:#fff8dc;background-color:#b57413}body.sore .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.sore .achievements-section,body.sore .achievement-card-certificate,body.sore .skill-section,body.sore .skill-card,body.sore .projects-section,body.sore .allPeople-section,body.sore .projects-card,body.sore .achievement-card{background-color:#d48817;transition:all 10.5s ease-in-out}body.sore .bar{background:#9d6a1d;transition:all 10.5s ease-in-out}body.sore .progress{background:#f90;transition:all 10.5s ease-in-out}body.sore .topImage img{border:3px solid #FF9900;transition:all 10.5s ease-in-out}body.sore .nameTop:hover{color:#bd7100;text-shadow:0 0 8px rgba(205,133,63,.4)}body.sore button{background-color:#c47e14;transition:all 10.5s ease-in-out}body.sore button:hover{background-color:#ffa51f}body.sore-malam{background:#ffa07a;transition:all 5.5s ease-in-out}body.sore-malam .firstAlas{background:#ffa07a;box-shadow:0 6px 12px #8b89704d;transition:all 5.5s ease-in-out}body.sore-malam .namePage{background-color:#e6774a;color:#fff8dc;transition:all 5.5s ease-in-out}body.sore-malam .descriptionPage{background-color:#d69479;transition:all 5.5s ease-in-out}body.sore-malam .certificateTitle,body.sore-malam .card-item-title,body.sore-malam .achievements-title,body.sore-malam h4,body.sore-malam .card-item-desc,body.sore-malam .bahasaTitle,body.sore-malam .bahasaTitleFirst,body.sore-malam .card-desc,body.sore-malam .card-subtitle,body.sore-malam .card-subtitle-header,body.sore-malam .yearTime{color:#fff;transition:all 5.5s ease-in-out}body.sore-malam .page-tabs button.active{color:#fff8dc;background-color:#d3896b}body.sore-malam .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.sore-malam .achievements-section,body.sore-malam .achievement-card-certificate,body.sore-malam .skill-section,body.sore-malam .skill-card,body.sore-malam .projects-section,body.sore-malam .allPeople-section,body.sore-malam .projects-card,body.sore-malam .achievement-card{background-color:#ff8d5f;transition:all 5.5s ease-in-out}body.sore-malam .bar{background:#cd5221;transition:all 5.5s ease-in-out}body.sore-malam .progress{background:#ff8b5c;transition:all 5.5s ease-in-out}body.sore-malam .topImage img{border:3px solid #FA7F4E;transition:all 5.5s ease-in-out}body.sore-malam .nameTop:hover{color:#ff692e;text-shadow:0 0 8px rgba(205,133,63,.4)}body.sore-malam button{background-color:#e86f3e;transition:all 5.5s ease-in-out}body.sore-malam button:hover{background-color:#ffa07a}body.sore-malam2{background:#3f3e7d;transition:all 8.5s ease-in-out}body.sore-malam2 .firstAlas{background:#3f3e7d;box-shadow:0 6px 12px #8b89704d;transition:all 8.5s ease-in-out}body.sore-malam2 .namePage{background-color:#2a2883;color:#fff8dc;transition:all 8.5s ease-in-out}body.sore-malam2 .about{color:#fff8dc;transition:all 8.5s ease-in-out}body.sore-malam2 .descriptionPage{background-color:#6261a6;transition:all 8.5s ease-in-out}body.sore-malam2 .certificateTitle,body.sore-malam2 .card-item-title,body.sore-malam2 .achievements-title,body.sore-malam2 h4,body.sore-malam2 .card-item-desc,body.sore-malam2 .bahasaTitle,body.sore-malam2 .bahasaTitleFirst,body.sore-malam2 .card-desc,body.sore-malam2 .card-subtitle,body.sore-malam2 .card-subtitle-header,body.sore-malam2 .yearTime{color:#fff;transition:all 8.5s ease-in-out}body.sore-malam2 .page-tabs button.active{color:#fff8dc;background-color:#4340d1}body.sore-malam2 .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.sore-malam2 .achievements-section,body.sore-malam2 .achievement-card-certificate,body.sore-malam2 .skill-section,body.sore-malam2 .skill-card,body.sore-malam2 .projects-section,body.sore-malam2 .allPeople-section,body.sore-malam2 .projects-card,body.sore-malam2 .achievement-card{background-color:#25244d;transition:all 8.5s ease-in-out}body.sore-malam2 .bar{background:#262560;transition:all 8.5s ease-in-out}body.sore-malam2 .progress{background:#5856b0;transition:all 8.5s ease-in-out}body.sore-malam2 .topImage img{border:3px solid #3F3E7D;transition:all 8.5s ease-in-out}body.sore-malam2 .nameTop:hover{color:#3f3e7d;text-shadow:0 0 8px rgba(205,133,63,.4)}body.sore-malam2 button{background-color:#3f3e7d;transition:all 8.5s ease-in-out}body.sore-malam2 button:hover{background-color:#3f3e7d}body.malam{background:#0a2c55;transition:all 11s ease-in-out}body.malam .firstAlas{background:#0a2c55;box-shadow:0 6px 12px #8b89704d;transition:all 11s ease-in-out}body.malam .namePage{background-color:#1a2d43;color:#fff8dc;transition:all 11s ease-in-out}body.malam .descriptionPage{background-color:#134786;transition:all 11s ease-in-out}body.malam .certificateTitle,body.malam .card-item-title,body.malam .achievements-title,body.malam h4,body.malam .card-item-desc,body.malam .bahasaTitle,body.malam .bahasaTitleFirst,body.malam .card-desc,body.malam .card-subtitle,body.malam .card-subtitle-header,body.malam .yearTime{color:#fff;transition:all 11s ease-in-out}body.malam .page-tabs button.active{color:#fff8dc;background-color:#234063}body.malam .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.malam .achievements-section,body.malam .achievement-card-certificate,body.malam .skill-section,body.malam .skill-card,body.malam .projects-section,body.malam .allPeople-section,body.malam .projects-card,body.malam .achievement-card{background-color:#003575;transition:all 11s ease-in-out}body.malam .bar{background:#021e41;transition:all 11s ease-in-out}body.malam .progress{background:#145098;transition:all 11s ease-in-out}body.malam .topImage img{border:3px solid #20518C;transition:all 11s ease-in-out}body.malam .nameTop:hover{color:#0a2c55;text-shadow:0 0 8px rgba(205,133,63,.4)}body.malam .about{color:#51ff51;transition:all 11s ease-in-out}body.malam button{background-color:#0a2c55;transition:all 11s ease-in-out}body.malam button:hover{background-color:#0a2c55}body.malam2{background:#000f22;transition:all 11s ease-in-out}body.malam2 .firstAlas{background:#031b39;box-shadow:0 6px 12px #8b89704d;transition:all 11s ease-in-out}body.malam2 .namePage{background-color:#0a274b;color:#fff8dc;transition:all 11s ease-in-out}body.malam2 .descriptionPage{background-color:#003270;transition:all 11s ease-in-out}body.malam2 .certificateTitle,body.malam2 .card-item-title,body.malam2 .achievements-title,body.malam2 h4,body.malam2 .card-item-desc,body.malam2 .bahasaTitle,body.malam2 .bahasaTitleFirst,body.malam2 .card-desc,body.malam2 .card-subtitle,body.malam2 .card-subtitle-header,body.malam2 .yearTime{color:#fff;transition:all 11s ease-in-out}body.malam2 .page-tabs button.active{color:#fff8dc;background-color:#002a5f}body.malam2 .page-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}body.malam2 .achievements-section,body.malam2 .achievement-card-certificate,body.malam2 .skill-section,body.malam2 .skill-card,body.malam2 .projects-section,body.malam2 .allPeople-section,body.malam2 .projects-card,body.malam2 .achievement-card{background-color:#0f2e55;transition:all 11s ease-in-out}body.malam2 .bar{background:#001229;transition:all 11s ease-in-out}body.malam2 .progress{background:#0c3366;transition:all 11s ease-in-out}body.malam2 .about{color:#36ff36;transition:all 11s ease-in-out}body.malam2 .topImage img{border:3px solid #183E6D;transition:all 11s ease-in-out}body.malam2 .nameTop:hover{color:#144178;text-shadow:0 0 8px rgba(205,133,63,.4)}body.malam2 button{background-color:#12345f;transition:all 11s ease-in-out}body.malam2 button:hover{background-color:#0a2c55}#fireflies-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;overflow:hidden}.firefly{position:absolute;border-radius:50%;background-color:#f5f3a2;transform:translate(0);opacity:0;will-change:transform,opacity}.firefly.type-a{width:6px;height:6px;box-shadow:0 0 8px 3px #fff8a0cc,0 0 18px 6px #fff8a066}.firefly.type-b{width:5px;height:5px;box-shadow:0 0 6px 2px #fff0b4b3,0 0 15px 4px #fff0b44d}.firefly.type-c{width:7px;height:7px;box-shadow:0 0 10px 4px #fff5aae6,0 0 22px 8px #fff5aa80}@media (max-width: 768px){.firefly{width:4px!important;height:4px!important}.firefly.type-a,.firefly.type-b,.firefly.type-c{width:4px;height:4px}.nameTop{display:flex;justify-content:center;margin-left:35px}.firstAlas{flex-direction:column;margin:10px}.namePage{width:100%;border-radius:0;text-align:center}.descriptionPage{padding:10px 10px 40px 20px}.card-content{padding-left:40px}.card-timeline{left:20px}.card-item{padding-left:20px}.certificate-slider img{max-width:90vw}}iframe{margin:auto;width:100%}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}