@font-face{font-family:Poppins Medium;font-style:normal;font-weight:400;src:url(/assets/Poppins-Medium-DwAlJ_UI.ttf)}@font-face{font-family:Poppins Regular;font-style:normal;font-weight:400;src:url(/assets/Poppins-Regular-CDE4z94E.ttf)}@font-face{font-family:Poppins SemiBold;font-style:normal;font-weight:400;src:url(/assets/Poppins-SemiBold-DGSR8tC8.ttf)}@font-face{font-family:Poppins Bold;font-style:normal;font-weight:400;src:url(/assets/Poppins-Bold-B5ijbvYk.ttf)}@font-face{font-family:Poppins ExtraBold;font-style:normal;font-weight:400;src:url(/assets/Poppins-ExtraBold-BOlBdmaY.ttf)}@font-face{font-family:Poppins Light;font-style:normal;font-weight:400;src:url(/assets/Poppins-Light-ChBmluwM.ttf)}@font-face{font-family:Poppins Thin;font-style:normal;font-weight:400;src:url(/assets/Poppins-Thin-BPsKtqQ2.ttf)}*{outline:none}html{background-color:var(--bg-color, #FFFFFF)!important;color:var(--text-color, #000000)!important}body{margin:0;overflow-y:overlay;font-family:Poppins Regular;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color, #FFFFFF)!important;color:var(--text-color, #000000)!important;transition:background-color .3s ease,color .3s ease}p,div,span,h1,h2,h3,h4,h5,h6,a,button,input,textarea,section,article,nav,header,footer,main,aside,label,li,ul,ol,td,tr,table{color:inherit!important;background-color:inherit}section,.section,[id*=footer],[id*=skills],[class*=footer],[class*=skills],[class*=skill]{background-color:var(--bg-color, #FFFFFF)!important;color:var(--text-color, #000000)!important}.chakra-box,.chakra-container{background-color:inherit!important;color:inherit!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px!important;height:6px!important}body ::-webkit-scrollbar-thumb{background-color:#ffffff29}::-webkit-scrollbar-thumb{background-color:#0003}::-webkit-scrollbar-track{background:#ffffff1a}.btn{border-radius:50px;padding:14px 0;width:160px;cursor:pointer;transition:.2s;font-family:Poppins SemiBold}.btn:active{transform:translateY(2px)}.primary-btn{color:var(--white);border:2px solid linen;font-size:12px;background-color:#1f2235}.primary-btn:hover{color:#f0f8ff;border:2px solid #ff5823;background-color:#1f2235}.highlighted-btn{color:var(--white);font-size:12px;background-color:#ff5823}@media only screen and (max-width:568px){.highlighted-btn{z-index:-900}}.red-border{border:1px solid var(--error-message)!important}.fade-in{opacity:0;transform:translateY(80px);transition:all .8s ease}:root{--light-blue: #04C3FF;--light-blue-shadow: rgb(69 211 255 / 27%);--sea-green: #0ABEAD;--sea-green-dark: #0CBFAE;--sea-green-extra-dark: #09BEAD;--sea-green-shadow: rgba(11, 190, 173, .4);--header-hamburger-background: rgba(11, 190, 173, .8);--orange: #F57F17;--dark-orange: #FF5823;--orange-shadow: rgba(245, 127, 23, .2);--white: #ffffff;--black: #333333;--disabled-btn: #09bead7a;--error-message: #e44f4fd1;--toast-error: #e44f4ffa;--toast-shadow: #9c9c9ce3;--toast-success: #0CBFAE;--loader-color: #0CBFAE }.footer-container{height:17.8%;width:100%;overflow:hidden;display:flex;justify-content:center}.footer-parent{width:100%;height:100%;max-width:1920px}.footer-parent img{max-width:100%;height:130px}@media only screen and (max-width:1110px){.footer-parent{display:flex;align-items:flex-end}}.profile-container{display:flex;align-items:center;text-align:center;justify-content:center;height:100vh;min-height:fit-content}.profile-parent{display:flex;align-items:center;color:#f0f8ff}.profile-details{display:flex;flex-direction:column;align-items:center}.profile-details-name{font-size:24px;font-family:Poppins SemiBold;margin-bottom:10px}.profile-details-role{display:flex;flex-direction:column;margin:14px 0 24px}.profile-details-role h1{font-size:40px;font-family:cursive;margin-bottom:10px}.primary-text{color:#000}.highlighted-text{color:var(--dark-orange);white-space:nowrap}.profile-role-tagline{font-size:19px;margin:5px 0 0;font-family:Poppins Light;white-space:nowrap}.profile-options .highlighted-btn{margin-left:28px}.profile-options .highlighted-btn:hover{background-color:#fff8dc;color:#111}.profile-picture{display:flex;align-items:center;justify-content:center;box-shadow:0 1px 0 0 var(--white);border-radius:50%;height:380px;width:380px;margin-left:100px}.profile-picture-background{height:92%;width:92%;background-image:url(/assets/profile1-BdmZpVCj.jpg);background-size:cover;border-radius:50%;background-repeat:no-repeat;background-position:center}.profile-picture-background:hover{transform:scale(1.07);transition:1s ease-out}.colz .colz-icon{display:flex;justify-content:center;gap:15px;margin-bottom:10px}.icon{color:#fff;font-size:2rem}.icon:hover{transform:scale(1.5);transition:transform .3s}@media screen and (max-width:1110px){.profile-picture{margin-left:80px}.profile-details-name{font-size:20px}.profile-details-role .primary-text{font-size:12px}.profile-options .btn{width:120px;padding:11px 0;z-index:700}}@media screen and (max-width:910px){.profile-picture{height:320px;width:320px;margin-left:4px}}@media screen and (max-width:810px){.profile-picture{height:320px;width:320px;margin:0!important}.profile-parent{flex-direction:column-reverse;margin-left:40px}.profile-options{display:flex;justify-content:space-between}.profile-picture-background{margin-top:50px}.profile-details{margin-top:25px}.profile-options .highlighted-btn{margin:0!important}.profile-options,.profile-details-role{text-align:center}}@media screen and (max-width:430px){.profile-picture{height:275px;width:275px;margin-top:-90px}.profile-picture-background{margin-top:-35px}.profile-details{width:90px}}@media screen and (max-width:390px){.profile-picture{height:275px;width:275px;margin-top:-90px}.profile-picture-background{margin-top:-60px}.profile-details{width:90px}.profile-role-tagline{font-size:15px;white-space:nowrap}}@media screen and (max-width:375px){.profile-picture{height:275px;width:275px}.profile-picture-background{margin-top:170px}.profile-details{width:90px;margin-top:105px}.profile-role-tagline{font-size:14px;white-space:nowrap}}.header-container{display:flex;justify-content:center;height:78px;color:var(--white);position:fixed;top:0;width:100%;z-index:1000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:linear-gradient(135deg,#2d2d3af2,#555569f2);color:#fff}.header-parent{display:flex;align-items:center;justify-content:space-between;height:100%;width:70%;color:var(--white)}.header-logo{font-size:50px;font-family:poppins ExtraBold;color:var(--white)}.header-options{display:flex;align-items:center}.header-option{font-size:16px;cursor:pointer;font-weight:600;transition:color .3s ease}.header-option:hover{color:#ff5823}.header-hamburger{display:none;color:var(--white)}.header-option-seperator{margin:0 50px 0 0;color:var(--white)}.selected-header-option{color:#ff5823}@media only screen and (max-width:1110px){.header-parent{width:80%}}@media only screen and (max-width:970px){.header-hamburger{display:block}.header-parent{width:100%;padding:0 40px;position:relative}.header-options{display:flex;flex-direction:column;position:absolute;left:-100%;top:0;height:100vh;width:100%;justify-content:center;background-color:#1f2235f2;z-index:1000;opacity:0;transition:all .3s ease-in-out}.header-option-seperator{margin:0}.selected-header-option{color:var(--white)}.header-option{color:var(--white);margin:20px 0;text-align:center}.header-hamburger-bars{font-size:30px;cursor:pointer;margin:0 10px;color:var(--white)}.show-hamburger-options{left:0;opacity:1}}.home-container{display:flex;flex-direction:column;justify-content:space-between;min-height:670px}.heading-container{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 0 50px}.screen-sub-heading{letter-spacing:3px;margin:8px 0 10px;font-size:12px;color:var(--black)}.screen-heading{font-size:32px;color:#1f2235;font-family:Poppins Bold}.heading-seperator{display:flex;align-items:center;position:relative;width:180px;margin:10px 0 0}.seperator-line{width:100%;height:2px;background-color:#1f221f}.seperator-blob{height:10px;width:100%;position:absolute;display:flex;justify-content:center}.seperator-blob div{width:35px;border-radius:10px;background-color:var(--dark-orange)}.about-me-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px 0 0}.about-me-parent{max-width:1000px;width:70%}.about-me-card{display:flex;width:100%;box-shadow:0 0 20px -2px #1f2235}.about-me-profile{width:50%;background-image:url(/assets/portofolio_img-BgriMltx.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.about-me-details{width:48%;text-align:justify;padding:30px}.about-me-description{font-size:12px}.about-me-highlights{margin:80px 0}.highlight-heading{font-family:Poppins Bold;font-size:14px;margin:0 0 5px}.highlight{display:flex;align-items:center;margin:5px 0;font-size:12px}.highlight-blob{height:12px;width:12px;margin:0 10px 0 0;background-color:#ff5823;border-radius:50%}.about-me-options .highlighted-btn{margin:0 0 0 30px}@media only screen and (max-width:898px){.about-me-profile{display:none}.about-me-details{width:100%}}@media only screen and (max-width:540px){.about-me-options{display:flex;flex-direction:column}.about-me-options .highlighted-btn{margin:24px 0 0!important}.about-me-options button{width:100%}}.certification-link{color:#1f2235;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:16px}.certification-link:hover{color:#ff5823}.highlight{display:flex;align-items:center;margin:12px 0}.highlight-blob{height:12px;width:12px;margin:0 10px;background-color:#ff5823;border-radius:50%;flex-shrink:0}.external-link-icon,.view-icon{font-size:16px;opacity:.7}.certification-link:hover .external-link-icon,.certification-link:hover .view-icon{opacity:1}.theme-toggle-btn{position:fixed;top:20px;right:20px;z-index:9999;width:50px;height:50px;border-radius:50%;border:2px solid currentColor;background-color:transparent;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;margin:0;outline:none;font-family:inherit}.theme-toggle-btn:hover{transform:scale(1.2);box-shadow:0 0 20px currentColor}.theme-toggle-btn:active{transform:scale(.9)}@media(max-width:768px){.theme-toggle-btn{width:45px;height:45px;top:10px;right:10px;font-size:20px}}