/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}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{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}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:rgba(59,130,246,.5);--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: }::-webkit-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:rgba(59,130,246,.5);--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: }::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:rgba(59,130,246,.5);--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: }.z-0{z-index:0}.mb-\[5vw\]{margin-bottom:5vw}.ml-\[16vw\]{margin-left:16vw}.mt-\[0\.36vw\]{margin-top:.36vw}.mt-\[10vw\]{margin-top:10vw}.mt-\[15vw\]{margin-top:15vw}.mt-\[2vw\]{margin-top:2vw}.block{display:block}.flex{display:flex}.hidden{display:none}.h-\[0\.36vw\]{height:.36vw}.h-\[100\%\]{height:100%}.h-\[auto\]{height:auto}.h-full{height:100%}.w-\[40vw\]{width:40vw}.w-\[50vw\]{width:50vw}.w-\[9\.35vw\]{width:9.35vw}.w-full{width:100%}.max-w-\[43\.2vw\]{max-width:43.2vw}.gap-\[4vw\]{gap:4vw}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:1.5rem}.rounded-\[2\.5vw\]{border-radius:2.5vw}.border-\[0\.4vw\]{border-width:.4vw}.border-\[\#1C658C\]{--tw-border-opacity:1;border-color:rgb(28 101 140/var(--tw-border-opacity))}.bg-\[\#1C658C\]{--tw-bg-opacity:1;background-color:rgb(28 101 140/var(--tw-bg-opacity))}.bg-\[\#E3E1DE\]{--tw-bg-opacity:1;background-color:rgb(227 225 222/var(--tw-bg-opacity))}.bg-\[\#EEEEEE\]{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.px-\[2vw\]{padding-left:2vw;padding-right:2vw}.py-\[1vw\]{padding-bottom:1vw;padding-top:1vw}.pl-\[5\.75vw\]{padding-left:5.75vw}.pt-\[11vw\]{padding-top:11vw}.pt-\[3\.6vw\]{padding-top:3.6vw}.text-\[10vw\]{font-size:10vw}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}body{overflow-x:hidden;width:100%}@media (max-width:500px){.max-\[500px\]\:block{display:block}.max-\[500px\]\:hidden{display:none}}.header{background-color:#eee;box-shadow:0 .28vw .28vw .28vw rgba(0,0,0,.25);height:7.5vw}.header a{color:#398ab9;float:left;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:700;line-height:normal;padding:1.8vw 0 1.6vw 2.5vw;text-align:center;text-decoration:none}.header .logo-nama{float:left;height:7vw;padding:1.2vw 0 1.6vw 2.5vw;width:16vw}.header-right{float:right}.header-right a{color:#000;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:400;line-height:normal}.header-right .active,.header-right .header-text:hover{color:#1c658c;font-weight:700}.header-right .active{font-family:Poppins;font-size:1.7vw;font-style:normal;line-height:normal}.header-right .line{font-size:3.6vw;padding-top:.2vw}.header .bar-button,.header .social-div2{display:none}.header-right .social-image{padding-top:2vw}.header-right .social-image img{width:2vw}@media screen and (max-width:800px){.header-right a{display:block}}@media screen and (max-width:500px){.header{position:relative}.header .logo-nama,.header a{float:none}.header .social-div2{bottom:7.2vw;display:flex;gap:1.5vw;left:75vw;position:relative}.header .social-div2 .social-image2{height:3.5vw;width:5.5vw}.header-right{background-color:#eee;height:17vw;margin-bottom:3vw;margin-left:-2vw;position:absolute;width:100%;z-index:1000}.header-right a{color:#000;font-size:4vw;margin-bottom:3vw;margin-top:-3.7vw;padding-right:3vw;text-align:center}.header-right .active{background-color:#e3e1dd;color:#1c658c;font-size:4vw}.header-right .line{display:none}.header-right .social-div{bottom:26vw;display:flex;left:77vw;position:relative}.header-right .social-image{display:none;height:6vw;width:8vw}.header .bar-button{display:block;font-size:4vw;position:absolute;right:3vw;top:1vw}}.skill-div{background:hsla(0,0%,100%,.63);border-radius:1vw;flex-shrink:0;height:28vw;padding:3.5vw;width:100%}.skill-div img{flex-shrink:0;height:5vw;margin-bottom:1.6vw;max-width:5.5vw}.skill-div h1{font-weight:600;margin-bottom:.5vw}.skill-div h1,.skill-div p{color:#000;font-family:Poppins;font-size:1.7vw;font-style:normal;line-height:normal}.skill-div p{font-weight:400;max-width:20vw}@media only screen and (max-width:500px){.skill-div{height:38vw}.skill-div img{height:8vw;max-width:8.5vw}.skill-div h1,.skill-div p{font-size:3vw}.skill-div p{max-width:43vw}}.home{height:150vw}.home .section1{margin-bottom:5.8vw;position:relative;width:100%}.home .section1 h2{color:#1c658c;font-family:Poppins;font-size:1.73vw;font-style:normal;font-weight:700;line-height:normal}.home .section1 .role-div{margin-top:1.441vw;width:35.303vw}.home .section1 h1{color:#000;font-family:Poppins;font-size:3.6vw;font-style:normal;font-weight:700;line-height:4.683vw}.home .section1 .describe-div{margin-top:2vw;width:35.3vw}.home .section1 p{color:#000;font-family:Poppins;font-size:1.73vw;font-style:normal;font-weight:400}.home .section1 .profile-picture{height:72.4vw;width:70vw}.home .section2{background-color:#eee;height:25vw;justify-content:center;position:relative;width:100%}.home .section2 .section2-bg{height:75vw;position:absolute;top:-38vw;width:100%}.home .section2 .aboutme-div{background:#fff;border-radius:3.6vw;box-shadow:0 .14 .14 0 rgba(0,0,0,.25);flex-shrink:0;height:40.7vw;margin-left:10.7vw;margin-right:10.7vw;min-width:36vw;position:relative;top:-32.5vw}.home .section2 .aboutme-div .button-resume-div .button-resume{border:.17vw solid #1c658c;border-radius:1vw;color:#1c658c;font-family:Poppins;font-size:1.6vw;font-style:normal;font-weight:700;height:4vw;left:17vw;padding:.8vw;position:absolute;text-align:center;width:16.5vw}.home .section2 .aboutme-div .button-resume:hover{background-color:#e3e1dd}.home .section2 .aboutme-div .button-resume-div .download-symbol-div{background-color:#1c658c;border-radius:1vw;bottom:3.4vw;height:4.1vw;left:14vw;position:relative;width:5vw}.home .section2 .aboutme-div .button-resume-div .download-symbol{height:2vw;margin-left:1.4vw;position:relative;top:.8vw;width:2vw}.home .section2 .aboutme-div .button-project{border:.17vw solid #1c658c;border-radius:1vw;color:#1c658c;font-family:Poppins;font-size:1.6vw;font-style:normal;font-weight:700;height:4vw;left:43vw;position:absolute;width:18vw}.home .section2 .aboutme-div .button-project:hover{background-color:#1c658c;color:#fff}.home .section2 h1{color:#000;font-family:Poppins;font-size:3.6vw;font-style:normal;font-weight:700;line-height:3.6vw;padding-top:5vw;text-align:center}.home .section2 .describe{margin:5.75vw auto 4.3vw;width:64.4vw}.home .section2 p{color:#000;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:400;line-height:normal;text-align:center}.home .section3{background-color:#e3e1dd;height:auto;padding-bottom:10vw;position:relative;width:100%}.home .section3 .skill-text{margin-bottom:7.2vw;margin-left:6.7vw}.home .section3 .skill-text p{color:#1c658c;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:600;line-height:normal;margin-bottom:.28vw}.home .section3 .skill-text h1{color:#000;font-family:Poppins;font-size:3.6vw;font-style:normal;font-weight:700;line-height:3.6vw;margin-bottom:2.1vw}.home .section3 .skill-container{justify-content:center}.home .section3 .skill-container .column{margin-right:2vw;width:27vw}@media only screen and (max-width:500px){.home .section3 .skill-container{display:grid;justify-content:center;margin-top:-4vw}.home .section3 .skill-container .column{height:35vw;margin-top:5vw;width:50vw}}body{background-color:#eeee;padding-bottom:10vw}.project{width:100%}.project .section1{justify-content:center;margin-top:5vw}.project .section1 h1{color:#000;font-family:Poppins;font-size:3.7vw;font-style:normal;font-weight:700;line-height:normal}.project .section1 .text-div{width:40vw}.project .section1 p{color:#000;font-weight:400;margin-bottom:2vw;text-align:justify}.project .section1 button,.project .section1 p{font-family:Poppins;font-size:1.7vw;font-style:normal;line-height:normal}.project .section1 button{align-items:flex-start;background:#1c658c;border-radius:1.1vw;color:#e3e1de;display:inline-flex;font-weight:700;gap:.7vw;padding:1vw 1.8vw}.project .section1 button:hover{background-color:#032b40}.project .all-project-img{height:38vw;width:40vw}.project .section2{width:100%}.project .section2 h1.title{color:#000;font-family:Poppins;font-size:3.4vw;font-style:normal;font-weight:700;line-height:normal;margin-bottom:12vw;padding-top:12vw;text-align:center}@media only screen and (max-width:500px){.project .section1 h1{font-size:4vw}.project .section1 .all-project-img{height:55vw}.project .section1 p{font-size:2vw}.project .section1 button{font-size:2vw;padding:1.5vw 2.5vw}.project .section1{display:block}.project .section1 .column1{width:100%}.project .section1 img{height:40vw;margin:auto;width:70vw}.project .section1 .column2{text-align:center}.project .section1 .column2 .text-div{margin:auto;width:60vw}.project .section2 .project-group{display:block;left:30vw;position:relative;width:20vw}.project .section2 .project-group a{margin-bottom:5vw}}.collection-component{background:#d8d2cb;border-radius:3vw;cursor:pointer;flex-shrink:0;height:21vw;margin-left:8vw;width:23vw}.collection-component h1{font-size:1.5vw;font-weight:700;margin-top:-4.5vw;padding:0 0 0 2vw;text-align:start}.collection-component h1,.collection-component p{color:#000;font-family:Poppins;font-style:normal;line-height:normal}.collection-component p{font-size:1vw;font-weight:400;margin-top:.2vw;padding-left:2vw}.collection-component .image-div{height:20vw;margin:0;width:10vw}.collection-component img{height:20vw;left:.65vw;position:relative;top:-5vw;width:21.7vw}@media only screen and (max-width:500px){.collection-component{height:54vw;margin-bottom:13vw;margin-left:-8vw;width:56vw}.collection-component h1{font-size:3vw}.collection-component p{font-size:2vw}.collection-component img{height:49vw;margin-left:.8vw;width:53vw}}.detailCollection .section1 .carousel-frame{background:#eee;border:.3vw solid #1c658c;border-radius:1.8vw;flex-shrink:0;height:38vw;margin-left:8.5vw;margin-top:7vw;width:80vw}.detailCollection .section1 .carousel-frame .carousel{border-radius:2vw;left:2vw;position:relative;top:-3vw}.detailCollection .section1 .carousel-frame img{border-radius:2vw;flex-shrink:0;height:38vw;width:80vw}.carousel-control-next-icon{height:3vw;left:3vw;position:relative;top:2vw;width:3vw}.carousel-control-prev-icon{height:3vw;position:relative;right:3vw;top:2vw;width:3vw}.carousel-indicators{height:1.6vw}.carousel-indicators button[aria-label="Slide 1"],.carousel-indicators button[aria-label="Slide 2"],.carousel-indicators button[aria-label="Slide 3"]{height:.3vw;width:3vw}.carousel-indicators button.active{height:.3vw;width:4vw}.detailCollection .section1 .describe-detail .left-pane{margin-left:8vw}.detailCollection .section1 .describe-detail .left-pane h1{color:#000;font-family:Poppins;font-size:3.5vw;font-style:normal;font-weight:700;line-height:normal;margin-top:4vw}.detailCollection .section1 .describe-detail .left-pane p{color:#000;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:400;line-height:normal;margin-top:1vw;text-align:justify}.detailCollection .section1 .describe-detail .left-pane button{align-items:flex-start;background:#eee;border:.2vw solid #1c658c;border-radius:1.1vw;color:#1c658c;display:inline-flex;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:700;gap:.7vw;line-height:normal;margin-top:2vw;padding:1.2vw 2vw}.detailCollection .section1 .describe-detail .left-pane button:hover{background:#1c658c;color:#fff}.detailCollection .section1 .describe-detail .right-pane .top-div-group{margin-left:4vw;margin-top:6vw}.detailCollection .section1 .describe-detail .right-pane .top-div{background:#fcfeff;border:.28vw solid #1c658c;border-radius:2.1vw;flex-shrink:0;height:14vw;padding-left:1vw;padding-right:1vw;width:18.8vw}.detailCollection .section1 .describe-detail .right-pane .year-div{margin-right:1vw}.detailCollection .section1 .describe-detail .right-pane .top-div h1{color:#1c658c;font-family:Poppins;font-size:2vw;font-style:normal;font-weight:700;line-height:normal;margin-top:.5vw;text-align:center}.detailCollection .section1 .describe-detail .right-pane .year-div p{color:#000;font-family:Poppins;font-size:2vw;font-style:normal;font-weight:400;line-height:normal;margin-top:2.5vw;text-align:center}.detailCollection .section1 .describe-detail .right-pane .role-div p{color:#000;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:400;line-height:normal;margin-top:1.5vw;text-align:center}.detailCollection .section1 .describe-detail .right-pane .bottom-div{background:#fcfeff;border:.28vw solid #1c658c;border-radius:2.1vw;flex-shrink:0;height:14vw;margin-left:3.8vw;margin-top:3vw;padding-left:1vw;padding-right:1vw;width:39vw}.detailCollection .section1 .describe-detail .right-pane .bottom-div h1{color:#1c658c;font-family:Poppins;font-size:2vw;font-style:normal;font-weight:700;line-height:normal;margin-top:.5vw;text-align:center}.detailCollection .section1 .describe-detail .right-pane .bottom-div p{color:#000;font-family:Poppins;font-size:1.7vw;font-style:normal;font-weight:400;line-height:normal;margin-top:.5vw;text-align:center}
/*# sourceMappingURL=main.a6b131ae.css.map*/