@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.aside{position:fixed;left:0;top:0;background:#e4f5ff;border-radius:1px solid rgba(0,0,0,.05);padding:2.5rem;width:110px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;z-index:10;align-items:center;transition:.3s}.nav_logo{text-decoration:none}.nav_logo h1{color:var(--title-color)}.nav_logo span{color:red}.nav_list{padding:0}.nav_list{display:flex;flex-direction:column;row-gap:1rem}.nav_link{font-size:1.5rem;color:var(--title-color);font-weight:var(--font-bold);text-decoration:none}.nav_link:hover{color:#ffd15c}.copyright{color:#9b98b3;font-size:var(--small-font-size);transform:rotate(-180deg);writing-mode:vertical-rl}.nav_toggle{position:fixed;top:1.25rem;left:.75rem;cursor:pointer;height:40px;width:40px;border-radius:100%;background-color:var(--body-color);border:1px solid #e8dfec;display:none;justify-content:center;align-items:center;z-index:1;transition:.3s}@media screen and (max-width: 1200px){.aside{left:-110px}.nav_toggle{display:flex}.nav_toggle-open{left:140px}.show-menu{left:0}}.about_container{grid-template-columns:3fr 9fr;column-gap:1.875rem}.about_data{padding:1.875rem;background-color:var(--container-color);box-shadow:var(--shadow);border-radius:var(--border-radius);grid-template-columns:repeat(2,1fr);column-gap:1.875rem;align-items:flex-start;position:relative}.about_data:before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:15px solid var(--container-color);position:absolute;left:-.93rem;top:20%}.about_description{margin-bottom:1rem;text-align:justify}.about_skills{row-gap:1.25rem}.skills_titles{display:flex;justify-content:space-between;margin-bottom:1rem}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills_number{line-height:1.2}.skills_bar,.skills_percentage{height:7px;border-radius:.25rem}.skills_bar{background-color:#f1f1f1}.skills_percentage{display:block;background-color:var(--first-color)}.about_boxes{grid-template-columns:repeat(4,1fr);column-gap:1.875rem;margin-top:4.35rem}.about_box{display:flex;column-gap:1.5rem}.about_icon{font-size:var(--h1-font-size);color:#dedeea}.about_title{font-size:1.875rem}@media screen and (max-width: 1024px){.about_container{justify-content:center;row-gap:1.875rem}.about_data:before{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;left:49%;top:-20px}.profil-lingkaran{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto}.about_img{justify-self:center;width:100%;height:auto}}.about_box{flex-direction:column;row-gap:.5rem;text-align:center}@media screen and (max-width: 768px){.about_container{max-width:calc(100% - 1rem);justify-self:center}.about_data:before{left:47%}.about_data{grid-template-columns:1fr;row-gap:1.875rem;justify-items:center}.about_boxes{grid-template-columns:repeat(2,150px);row-gap:1.5rem;justify-content:center}.about_description{margin-bottom:1rem;text-align:left}}.home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.job_name{transition:opacity .5s ease-in-out}.intro{max-width:540px;text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.profil-lingkaran{width:130px;height:130px;border-radius:50%;overflow:hidden}.home_img{margin-bottom:1.5rem;width:100%;height:auto}.home_name{margin-top:.8rem;font-size:var(--h1-font-size);font-weight:var(--font-bold);margin-bottom:.5rem}.home_socials{display:flex;column-gap:1.75rem;margin:1.5rem}.home_social-link{color:var(--title-color);font-size:1.3rem;transition:.3s}.home_social-link:hover{color:#ffd15c}.scroll_down{position:absolute;bottom:2.5rem;left:0;width:100%}.home_scroll-name{color:var(--title-color);font-size:var(--small-font-size)}.mouse{border:2px solid #454360;display:block;height:1.6rem;width:1.25rem;margin:auto;margin-top:.75rem;border-radius:1rem;position:relative}.wheel{background-color:var(--title-color);border-radius:100%;width:.25rem;height:.25rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%);animation:ani-mouse 2s linear infinite}.typing-cursor:after{content:"|";animation:blink 1s infinite;margin-left:5px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}to{top:29%}}@media screen and (max-width: 1024px){.home_social-link{font-size:1.125rem}}.shapes{position:absolute;left:0;top:0;height:100%;width:100%}.shape{position:absolute}.s1{left:2%;top:10%}.s2{left:18%;top:30%}.s3{left:5%;bottom:30%}.s4{left:2%;bottom:10%}.s5{left:44%;top:10%}.s6{left:36%;bottom:10%}.s7{top:20%;right:25%}.s8{right:24%;bottom:20%}.s9{right:2%;top:10%}.s10{top:45%;right:11%}.s11{bottom:10%;right:2%}.ability_container{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:1.5rem}.ability_card{flex-grow:1;flex-basis:250px;max-width:340px;text-align:center;padding:1.875rem;border-radius:var(--border-radius);background-color:var(--container-color);transition:all .3s ease-in-out}.ability_card:nth-child(1){background-color:#6c6ce5;box-shadow:0 5px 20px rgb(108,108,229 / 50%)}.ability_card:nth-child(2){background-color:#f9d74c;box-shadow:0 5px 20px rgb(249,215,76 / 50%)}.ability_card:nth-child(3){background-color:#f97b8b;box-shadow:0 5px 20px rgb(249,123,139 / 50%)}.ability_img{margin-bottom:1.25rem}.ability_title{font-size:larger;margin-bottom:1rem;color:#fff}.ability_description{font-size:medium;color:#f8f9fa;margin-bottom:1.25rem}.ability_card:nth-child(2) .ability_title{color:var(--title-color)}.ability_card:nth-child(2) .ability_description{color:var(--title-color)}@media screen and (max-width: 1024px){.ability_container{flex-direction:column;row-gap:1.25rem;align-items:center}.ability_card{max-width:calc(100% - 12rem)}.ability_img{width:280px;height:auto;margin-bottom:20px}}@media screen and (max-width: 768px){.ability_card{max-width:calc(100% - 3rem)}.ability_img{width:220px;height:auto;margin-bottom:14px}}.resume_container{grid-template-columns:450px;justify-content:center;column-gap:1.875rem}.timeline{background-color:var(--container-color);padding:1.875rem;border-radius:var(--border-radius);position:relative;box-shadow:var(--shadow)}.timeline_item{position:relative;padding-left:3.125rem;padding-bottom:3.125rem}.timeline_item:last-child{padding-bottom:0}.timeline_item:before{content:"";width:1px;height:100%;background-color:var(--first-color);position:absolute;left:.25rem;top:0}.timeline .icon-graduation{position:absolute;left:-.4375rem;top:0;font-size:var(--h2-font-size);color:var(--first-color);background-color:var(--container-color);padding:-.4375rem 0}.timeline_date{color:#8b88b1;font-size:var(--small-font-size)}.timeline_title{font-size:var(--h3-font-size);margin:.5rem 0}@media screen and (max-width: 1024px){.resume_container{grid-template-columns:calc(100% - 8.5rem);justify-content:center;row-gap:1.875rem}.timeline_item:before{left:2px}}@media screen and (max-width: 768px){.resume_container{grid-template-columns:calc(100% - 1rem);justify-content:center;row-gap:1.875rem}}@media screen and (max-width: 350px){.timeline_item{padding-left:1.875rem;padding-bottom:1.875rem}.timeline_item:before{left:0}.timeline .icon-graduation{left:-9px}.timeline_text{text-align:justify}}.work_filters{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;gap:.6rem;margin-bottom:2.5rem;scrollbar-width:thin;max-width:max-content}.work_item{flex-shrink:0;background-color:transparent;color:#52525c;white-space:nowrap;cursor:pointer;font-weight:500;transition:background-color .3s,color .3s;border-radius:20px;padding:6px 16px;display:inline-block;text-align:center}.work_item:hover,.active_tab{background-color:#dbeafe;color:#1447e6}.work_container{width:100%;grid-template-columns:repeat(3,1fr);gap:1.875rem}.work_card{position:relative;overflow:hidden;border-radius:18px;box-shadow:var(--shadow)}.work_thumbnail{width:100%;height:160px;overflow:hidden;position:relative}.work_img{width:100%;height:100%;object-fit:cover;object-position:center}.work_mask{background-color:#6c6ce5;position:absolute;left:0;top:0;height:100%;width:100%;transition:.2s;opacity:0}.work_card:hover .work_mask{opacity:.84}.work_group{display:flex;justify-content:space-between;width:100%;height:100%;padding:0 1.5rem;position:absolute;top:0;bottom:0;flex-direction:column}.work_category{width:max-content;color:#fff;background-color:#101828;border-bottom-left-radius:.98rem;border-bottom-right-radius:.98rem;font-size:var(--small-font-size);display:inline-block;padding:.19rem .625rem;transform:translateY(-40px);transition:.3s}.work_title{color:#fdfdfd;font-size:large;margin-left:.3rem;transform:translateY(30px);transition:.3s;opacity:0}.work_button{display:flex;min-height:30px;margin-bottom:16px;background-color:#fff;color:#101828;text-align:center;align-items:center;justify-content:center;font-size:small;font-weight:600;font-family:sans-serif;gap:4px;border-radius:8px;transition:.3s;opacity:0}.work_button:hover{background-color:#dbeafe}.work_card:hover .work_button{opacity:1}.work_card:hover .work_title,.work_card:hover .work_category{opacity:1;transform:translateY(0)}.pagination_button{margin:0 5px;padding:6px 10px;border:none;background-color:#f0f0f0;cursor:pointer;border-radius:5px}.pagination_button.active{background-color:#333;color:#fff}.pagination_button:hover{background-color:#ddd}@media screen and (max-width: 1024px){.work_container{grid-template-columns:repeat(2,1fr);gap:1rem;justify-content:center}.work_item{font-size:small;font-weight:600}.work_filters{gap:.6rem;margin-bottom:2rem}.work_card{border-radius:14px}}@media screen and (max-width: 768px){.work_container{grid-template-columns:repeat(1,1fr);gap:.9rem;max-width:calc(100% - .75rem);justify-self:center}.work_thumbnail{height:23vh}.work_item{font-size:small;font-weight:500}.work_filters{gap:.3rem;margin-left:.45rem;margin-bottom:1.25rem}.work_card{border-radius:18px}.work_category{font-size:small}.work_title{font-size:larger}}.sidebar{width:calc(100vw / 12)}.content{width:calc(100vw * 11 / 12)}@media screen and (max-width: 1200px){.sidebar{width:0}.content{width:100vw}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.container{width:100%}.mt-\[40px\]{margin-top:40px}.flex{display:flex}.max-h-screen{max-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.justify-center{justify-content:center}:root{--first-color:#ff4c61;--title-color:#353252;--text-color:#5e5c7f;--body-color:#f9f7fd;--container-color:#fff;--body-font:"Rubik",sans-serif;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow:0px 5px 20px 0px #4543601a;--border-radius:20px}@media screen and (max-width:1024px){:root{--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);line-height:1.7}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semibold);line-height:1.2}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{vertical-align:middle;max-width:100%;height:auto}.container{max-width:1080px;margin:0 auto;padding-left:15px;padding-right:15px}.grid{display:grid}.section{padding-top:7rem;padding-bottom:2rem}.section_title{font-size:var(--h1-font-size);font-weight:var(--font-bold);margin-bottom:3.75rem;margin-left:.875rem;position:relative}.section_title:before{content:"";background:url(./assets/dots-bg.svg);width:2.25rem;height:2.25rem;position:absolute;top:-875rem;left:-.875rem}.button{border:1 px solid transparent;color:#fdfdfd;background-color:var(--first-color);font-size:small;line-height:1;font-weight:var(--font-semibold);border-radius:1.875rem;padding:.75rem 1.75rem;display:inline-block;box-shadow:0 0 1px #0000}@keyframes button-push{50%{transform:scale(.8)}to{transform:scale(1)}}.button:hover{transition:transform .3s ease-in-out;transform:scale(.95)}@media screen and (max-width:1024px){.container{max-width:720px}.button{text-align:center;width:100%;display:inline-block}}@media screen and (max-width:768px){.section{padding-top:4rem}.section_title{margin-bottom:2rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}