@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{position:relative;width:100vw}.header-bg{background-image:url(/static/media/header-bg.bbaac7c8eb333fcc2287.jpg);background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0;z-index:-1}.header-shadow{background:#100f16;background:linear-gradient(0deg,#100f1600,#100f16);top:0}.header-shadow,.header-shadow-2{height:12em;position:absolute;width:100vw}.header-shadow-2{background:#100f16;background:linear-gradient(0deg,#100f16,#100f1600);bottom:0;z-index:0}.header-content{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:space-between;margin:0 auto;width:80vw;z-index:10}.header-text{display:flex;flex-direction:column;row-gap:.6em;z-index:10}.header-text h2{color:#455db2;font-size:1.5em;font-weight:600}.header-text .name{font-size:3em;font-weight:700}.header-text .desc{align-items:center;color:#e4e5eb;column-gap:1.6em;display:flex;font-weight:400;margin-bottom:2em;opacity:.6}.header-text .desc .line{background-color:#455db2;border-radius:3em;display:block;height:.2em;width:2em}.btn-primary{background-color:#455db2;border:.14em solid #455db2;border-radius:3em;color:#e4e5eb;display:inline-block;font-size:.8em;padding:.8em 2.2em;transition:.2s}.btn-primary:hover{background-color:#203379;border-color:#203379}.header-image{align-items:center;animation:show-image .2s linear 0s forwards;aspect-ratio:1/1;border:.05em solid #70a5fd80;border-radius:100%;display:flex;justify-content:center;width:23em}.header-image img{border-radius:100%;transition:opacity .3s ease;width:88%}.fade-in .header-image img{opacity:1}.fade-out .header-image img{opacity:0}.circle-container{height:100vh;position:absolute;top:0;width:100vw}.circle{aspect-ratio:1/1;border:.05em solid #70a5fd;border-radius:100%;opacity:.5;position:absolute;z-index:-1}#circle-1{left:-4em;top:-4em;width:14em}#circle-2{bottom:-8em;left:-8em;width:26em}#circle-3{bottom:-10em;right:-10em;width:34em}@media (max-width:899px){.header-content{align-items:center;flex-direction:column-reverse;justify-content:start;row-gap:4em;width:100vw}.header-text{width:80%}.header-text h2{font-size:1.2em}.header-text .name{font-size:2em}.header-text .desc{font-size:.8em;margin-bottom:4em}.header-text .desc .line{height:.2em;width:1.2em}.more{display:flex;justify-content:center}.header-image{margin-top:10em;width:40%}#circle-1{top:-4em}#circle-1,#circle-2{left:-4em;width:10em}#circle-2{bottom:0}#circle-3{bottom:-3em;right:-10em;width:20em}}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:1.6em 3em;position:absolute;top:0;width:100vw}@font-face{font-family:GravityLevel;src:url(/static/media/GravityLevelDemoRegular.fcbfbca2b0186722a151.ttf) format("truetype")}@font-face{font-family:CalendasPlus;src:url(/static/media/Calendas_Plus.f58abf7446b567657e64.otf) format("opentype")}.logo{color:#455db2;cursor:pointer;font-size:1.1em;font-weight:700;position:relative}.logo:after{color:#455db2;content:"F A R U Q";position:absolute;top:0;transition:.3s ease-in-out}.logo:before{background-color:#455db2;border-radius:.2em;bottom:-20%;content:"";height:140%;left:-30%;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in-out;width:160%}.logo:hover:before{transform:scaleX(1);transform-origin:left}.logo:hover:after{color:#fff}.navbar-list{display:flex;flex-direction:row;font-size:.9em;gap:3em;list-style-type:none;transition:transform .5s ease}.navbar-item a{color:#e4e5eb;cursor:pointer;display:inline-block;font-weight:400;position:relative;text-decoration:none;transition:.2s}.navbar-item a:hover{color:#455db2}.navbar-item a.active{color:#455db2;font-weight:600}.menu-icon{border:.1em solid #455db2;border-radius:.2em;cursor:pointer;display:none;flex-direction:column;padding:.4em .6em}.menu-line{background-color:#455db2;height:3px;margin:3px auto;transition:all .3s ease-in-out;width:25px}.open .menu-line:first-child{transform:translateY(.56em) rotate(45deg)}.open .menu-line:nth-child(2){opacity:0}.open .menu-line:nth-child(3){transform:translateY(-.56em) rotate(-45deg)}.cv{border:.16em solid #455db2;border-radius:50em;cursor:pointer;font-size:.75em;padding:.8em 2.4em;transition:.3s}.cv:hover{background-color:#455db2}@media (min-width:900px){.navbar-item a:after{background-color:#455db2;bottom:-.4em;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.navbar-item a:focus:after,.navbar-item a:hover:after{left:0;width:100%}@keyframes borderGrow{0%{left:50%;width:0}to{left:0;width:100%}}}@media (max-width:899px){.navbar-list{background-color:#16191d;border-bottom:1px solid #455db2;display:none;flex-direction:column;font-size:.9em;gap:1.4em;left:0;padding:1.4em;position:absolute;top:100%;width:100%;z-index:9}.navbar-list.active{align-items:center;animation:slideDown .5s ease forwards;display:flex;flex-direction:column}.menu-icon{display:flex}.navbar-item{text-align:center}.cv{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.about-container{align-items:center;background-color:#100f16;display:flex;justify-content:center;width:100vw}.about-card{background-color:#1b1f24e0;border-radius:.8em;margin:8em 0;padding:5em 6em;width:90%}.about-card h2{font-size:2.6em;font-weight:700}.about-card .desc{align-items:center;color:#e4e5eb;column-gap:1.6em;display:flex;font-weight:400;margin-top:1em;opacity:.6}.about-card .desc .line{background-color:#455db2;border-radius:3em;display:block;height:.2em;width:2em}.about-content{margin-top:3em}.about-content table{font-size:.9em;width:100%}.about-content table td{height:3em;padding:0 1em}.about-content table tr{transition:.3s}.about-content table tr:hover{background-color:#455db244}.about-nav{display:flex;justify-content:space-between;margin-bottom:1.8em}.about-item{border-bottom:2px solid #1b1f24e0;color:#fff6;cursor:pointer;font-size:.96em;padding-bottom:.3em;transition:.2s}.about-item:hover{color:#455db2}.about-item.active{border-bottom:2px solid #455db2;color:#455db2;font-weight:600}.personal-container{column-gap:2em;display:flex}.personal-container table{width:100%}.ll-mw{display:flex;flex-direction:column;justify-content:space-between;width:60%}.ll-mw .title{color:#455db2;font-size:1.2em;font-weight:600}.ll-mw .isi{font-size:.9em;margin-top:1em}.student-information-container{align-items:center;column-gap:4em;display:flex}.student-profil{border-radius:.4em;height:auto;transition:.2s;width:10em}.student-profil:hover{transform:scale(1.1)}.education-container{display:flex;flex-direction:column;position:relative;row-gap:2em}.education-line{background-color:#455db266;bottom:3.6em;left:.5em;position:absolute;top:10px;width:.2em}.education-item{column-gap:2em;display:flex}.education-item .dot{background-color:#455db2}.education-item .dot,.education-item .dot-2{border-radius:100%;height:1.2em;position:relative;top:10px;width:1.2em}.education-item .dot-2{border:2px solid #455db2}.education-item .school{font-weight:600}.education-item .year{color:#fff6;font-size:.9em}.education-item .major{font-size:.9em}.experience-container{display:flex;flex-direction:column;position:relative;row-gap:2em}.experience-line{background-color:#455db266;bottom:10em;left:.5em;position:absolute;top:10px;width:.2em}.experience-item{column-gap:2em;display:flex}.experience-item .item{width:50%}.experience-item .gallery{flex-shrink:0}.experience-item .dot{aspect-ratio:1/1;background-color:#455db2;border-radius:100%;height:1.2em;position:relative;top:10px;width:1.2em}.experience-item .position{font-weight:600}.experience-item .company{margin-bottom:.2em}.experience-item .duration,.experience-item .location{color:#fff6;font-size:.8em}.experience-item .description{font-size:.9em;margin-left:1em;margin-top:1em}.experience-item .gallery{align-items:center;column-gap:1em;display:flex;justify-content:start;margin-left:1em;margin-top:1em}.experience-item .gallery img{aspect-ratio:800/565;border-radius:.4em;transition:.2s;width:10em}.experience-item .gallery img:hover{transform:scale(1.1)}.skill-certification-container{display:flex;flex-direction:column;row-gap:2em}.skill-certification-container h3{color:#455db2;font-size:1.2em;font-weight:600;margin-bottom:1em}.certification-list{display:flex;flex-direction:column;row-gap:1em}.certification-item{align-items:start;column-gap:2em;cursor:pointer;display:flex;padding:.4em 1em;transition:.2s}.certification-item:hover{background-color:#455db244}.certification-item img{border-radius:.4em;width:3em}.certification-item .class{font-weight:600}.certification-item .company_name{color:#fff6;font-size:.9em}.portfolio-container{align-items:center;background-color:#d3d4e7;display:flex;justify-content:center;padding:2em 0;position:relative;width:100vw}.portfolio-container iframe{margin:4em auto 0;z-index:2}.portfolio-card{padding:5em 0;position:relative;width:80%;z-index:200!important}.portfolio-container h2{color:#16191d;font-size:2.6em;font-weight:700}.portfolio-container .desc{align-items:center;color:#16191d;column-gap:1.6em;display:flex;font-weight:400;margin-top:1em;opacity:.8}.portfolio-container .desc .line{background-color:#455db2;border-radius:3em;display:block;height:.2em;width:2em}.portfolio-list{column-gap:2em;display:flex;flex-wrap:wrap;margin-top:3em;position:relative;row-gap:2em;z-index:2}.portfolio-item{width:380px;z-index:2}.portfolio-image{aspect-ratio:2/1;background-color:#16191d33;border-radius:.8em;overflow:hidden;width:100%;z-index:2}.portfolio-detail{color:#16191d;padding:1em 1.2em;z-index:2}.project-name{color:#16191d;font-size:1.1em;font-weight:600;z-index:2}.project-desc{font-size:.9em;margin-top:1em;z-index:2}.project-tools,.project-year{color:#16191daa;font-size:.9em}.project-link{display:flex;flex-direction:column;font-size:.9em;margin-top:1em;row-gap:.2em}.project-link a{transition:.2s}.project-link a:hover{color:#455db2}.project-link i{color:#455db2;font-size:.9em;margin-left:.4em}.circle-container-portfolio{position:absolute;width:100vw;z-index:1!important}.circle-portfolio{aspect-ratio:1/1;border:.05em solid #16191daa;border-radius:100%;opacity:.5;position:absolute;z-index:1!important}.circle-portfolio-1{left:-4em;top:-4em;width:14em}.circle-portfolio-2{right:-14em;top:20em;width:40em}.circle-portfolio-3{bottom:20em;left:-14em;width:37em}.circle-portfolio-4{bottom:-6em;right:-8em;width:20em}.contact-container{align-items:center;background-image:#16191d;display:flex;justify-content:center;padding:2em 0;position:relative;width:100vw}.contact-card{padding:5em 0;width:80vw}.contact-container h2{font-size:2.6em;font-weight:700}.contact-container .desc{align-items:center;color:#e4e5eb;column-gap:1.6em;display:flex;font-weight:400;margin-top:1em;opacity:.6}.contact-container .desc .line{background-color:#455db2;border-radius:3em;display:block;height:.2em;width:2em}.container-card{margin-bottom:4em;position:relative;top:-2em}.contact-container .card{background-color:#1b1f24e0;border-radius:.8em;display:flex;flex-direction:column;font-size:.98em;margin-left:4em;padding:3em 4em;position:relative;row-gap:1.8em;top:6em;width:40em}.contact-container .item{align-items:center;column-gap:1.4em;display:flex;flex-direction:row}.contact-container .item i{color:#455db2;font-size:1.2em}.contact-container .item .isi{display:flex;flex-direction:column;row-gap:.4em}.contact-container .item .title{font-weight:600}.contact-container .item .value{color:#e4e5eb64;font-size:.9em;font-weight:400;transition:.2s}.contact-container .item a.value:hover{color:#455db2}.contact-container .item .value i{font-size:.8em;margin-left:.8em}.contact-container .items{column-gap:1.4em;display:flex;flex-direction:row;font-size:1.6em;justify-content:end}.contact-container .items a{color:#e4e5eb}.contact-container .items i{cursor:pointer;transition:.2s}.contact-container .items i:hover{transform:scale(1.2)}.tech-container{background-color:#e4e5eb;border-radius:.8em;column-gap:1em;margin-top:1em;padding:1em 2em}.tech-container,.tech-icon{display:flex;flex-direction:row}.tech-icon{align-items:center;cursor:pointer;height:2.6em;justify-content:center;transition:.2s;width:2.6em}.tech-icon img{width:100%}.tech-icon:hover{transform:scale(1.1)}.map{border-radius:.8em;height:22em;left:40em;position:absolute;top:0;width:36em;z-index:6!important}footer{display:flex;height:6em;justify-content:end;position:relative;width:100vw}footer small{bottom:3em;position:absolute;right:4em}footer small a{color:#455db2}footer .shadow{background:#100f16;background:linear-gradient(0deg,#100f16,#100f1600);bottom:0;height:12em;position:absolute;width:100vw;z-index:0}.scraping-container{background-color:#16191d;width:100vw}
/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.table{display:table}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}html{overflow-x:hidden!important;scroll-behavior:smooth!important;width:100vw!important}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#16191d;color:#e4e5eb;display:flex;flex-direction:column;font-family:Poppins,Roboto,Ubuntu,sans-serif;justify-content:center;overflow-x:hidden;-webkit-user-select:none;user-select:none;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:.2em}::-webkit-scrollbar-track{background-color:#0f0f0f}::-webkit-scrollbar-thumb{background:#455db2;border-radius:2px}
/*# sourceMappingURL=main.47cc92cd.css.map*/