/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[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: }::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: }.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.ml-10{margin-left:2.5rem}.ml-4{margin-left:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-auto{width:auto}.flex-auto{flex:1 1 auto}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.border{border-width:1px}.bg-fixed{background-attachment:fixed}.bg-center{background-position:50%}.px-8{padding-left:2rem;padding-right:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-center{text-align:center}.font-bold{font-weight:700}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.container-layout header{position:fixed;top:3.52778rem;margin:0 auto;width:100%;z-index:10;transition:1s}.container-layout header .navbar{position:relative;margin:0 auto;width:85vw;min-height:4.5rem;border-radius:.625rem;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);justify-content:space-between;padding:0 1.5rem;transition:2s;z-index:10}.container-layout header .navbar ul{display:flex;gap:2em;cursor:pointer;color:var(--color-darkness)}.container-layout header .navbar ul a{cursor:pointer;position:relative}.container-layout header .navbar ul a:nth-child(-n+5):after{content:"";position:absolute;width:100%;transform:scaleX(0);height:4px;bottom:0;left:0;background-color:var(--color-greeny);transform-origin:bottom right;transition:transform .25s ease-out}.container-layout header .navbar ul a:hover:nth-child(-n+5):after{transform:scaleX(1);transform-origin:bottom left}.container-layout header .navbar ul a:hover{color:var(--color-greeny)}.container-layout header .navbar ul a:active{color:var(--color-darkness)}@media only screen and (max-width:51em){.container-layout header .navbar ul a{display:none}}.container-layout header .navbar ul .humberger-nav{display:none}@media only screen and (max-width:51em){.container-layout header .navbar ul .humberger-nav{display:block;width:2rem;height:5px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.container-layout header .navbar ul .humberger-nav span{display:block;position:absolute;height:3.5px;width:100%;background:var(--color-darkness);border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.container-layout header .navbar ul .humberger-nav span:first-child{top:-10px}.container-layout header .navbar ul .humberger-nav span:nth-child(2){top:0}.container-layout header .navbar ul .humberger-nav span:nth-child(3){top:10px}}.container-layout header .navbar ul .open span{transition:.5s}.container-layout header .navbar ul .open span:first-child{top:0;transform:rotate(135deg)}.container-layout header .navbar ul .open span:nth-child(2){opacity:0;left:-60px}.container-layout header .navbar ul .open span:nth-child(3){top:0;transform:rotate(-135deg)}.container-layout header .navbar .menu-open{z-index:20;height:0;width:100%;position:fixed;top:0;left:0;background-color:#fff;overflow-y:hidden;transition:.5s}.container-layout header .navbar .menu-open .close-btn{position:absolute;top:30px;left:85.5%;color:var(--color-darkness)}@media only screen and (max-width:51em){.container-layout header .navbar .menu-open .close-btn{display:block;width:2rem;height:5px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.container-layout header .navbar .menu-open .close-btn span{display:block;position:absolute;height:3.5px;width:100%;background:var(--color-darkness);border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.container-layout header .navbar .menu-open .close-btn span:first-child{top:-10px}.container-layout header .navbar .menu-open .close-btn span:nth-child(2){top:0}.container-layout header .navbar .menu-open .close-btn span:nth-child(3){top:10px}}.container-layout header .navbar .menu-open .open span{transition:.5s}.container-layout header .navbar .menu-open .open span:first-child{top:0;transform:rotate(135deg)}.container-layout header .navbar .menu-open .open span:nth-child(2){opacity:0;left:-60px}.container-layout header .navbar .menu-open .open span:nth-child(3){top:0;transform:rotate(-135deg)}.container-layout header .navbar .menu-open .container-link{flex-direction:column;gap:2.5em;font-size:1.5rem;font-weight:700;display:flex;position:relative;width:100%;color:var(--color-darkness);text-align:center;top:25%}.container-layout header .navbar-up{width:100%;max-width:none;border-radius:0}@media(max-width:389px){.container-layout header{top:0}.container-layout header .navbar{width:100%;border-radius:0}}@media(max-width:769px){.container-layout header{top:0}.container-layout header .navbar{width:100%;border-radius:0}}@media(769px <= width <= 1023px){.container-layout header .navbar{width:90vw}}@media(1024px <= width <= 1367px){.container-layout header .navbar{width:90vw}}.container-layout .sosmed{position:fixed;z-index:11;left:0;top:40%;margin-left:min(2vh,3rem)}.container-layout .sosmed .in-sosmed{overflow:hidden;cursor:pointer;margin-bottom:.7rem;width:4vw;height:6vh;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.25);border-radius:8px;transition:width 2s ease;color:var(--color-darkness)!important;display:flex;align-items:center;padding:1rem}.container-layout .sosmed .in-sosmed .icon{width:3rem!important;height:max(40px,2rem)!important}.container-layout .sosmed .in-sosmed p{margin-left:1.2rem}.container-layout .sosmed .in-sosmed:hover{width:max(200px,1rem);color:var(--color-greeny)!important}@media(max-width:389px){.container-layout .sosmed{display:none}}@media(max-width:769px){.container-layout .sosmed{display:none}}@media(769px <= width <= 1023px){.container-layout .sosmed .in-sosmed{display:none}}@media(1024px <= width <= 1367px){.container-layout .sosmed{display:none}}@media(width >= 1921px){.container-layout .sosmed .in-sosmed .icon{margin-left:1.4rem}}.container-layout .footer{border-top:1px solid #353535;line-height:4rem;margin:2rem auto 0}.container-layout .footer__sosmed{display:none}@media(max-width:769px){.container-layout .footer__sosmed{display:flex;padding-bottom:1rem}}@media(max-width:1023px){.container-layout .footer__sosmed{display:flex;padding-bottom:1rem}}@media(max-width:769px){.container-layout .footer{margin-top:10rem}}@media(max-width:1023px){.container-layout .footer{margin-top:10rem}}@font-face{font-family:GotMed;src:url(/_next/static/media/Gotham-Medium.ea3b75c0.woff)}@font-face{font-family:Gotham Bold;src:url(/_next/static/media/Gotham-Bold.304088a3.woff)}@font-face{font-family:Gotham Light;src:url(/_next/static/media/Gotham-Light.70b5ffd5.otf)}.font-footer{font-family:Gotham Light}.font-footer,.font-text{font-size:clamp(.875rem,.5018rem + .5831vw,1rem)}.font-text{font-family:GotMed}.font-header{font-family:Gotham Bold;font-size:clamp(1.38rem,1.28rem + .5vw,1.88rem)}.font-sub-header{font-family:Gotham Bold;font-size:clamp(.88rem,.8rem + .38vw,1.25rem)}.font-lg{font-size:clamp(1rem,.63rem + 1.88vw,2.88rem)}.font-lg,.font-xl{font-family:Gotham Bold}.font-xl{font-size:clamp(2.5rem,2.25rem + 1.25vw,3.75rem)}.color-velvet{color:#9c0000}.color-darkness{color:#363636}.color-greeny{color:#3c6e71}.color-light-greeny{color:#64b4be}.web-container .sb-headers-container{position:relative;min-height:100vh;height:100%;width:100%;background-size:cover;background-image:url(/images/particle.png);background-color:var(--color-darkness);box-sizing:border-box}.web-container .sb-headers-container:before{content:"";position:absolute;bottom:0;height:200px;width:100%;background:linear-gradient(to top,var(--color-darkness),transparent)}.web-container .sb-headers-container .container-profile .profile{width:16rem}.web-container .sb-headers-container .container-profile .profile .text-type{background:linear-gradient(45deg,#3c6e71,#508c91,#64b4be);color:transparent;background-clip:text;-webkit-background-clip:text}.web-container .sb-headers-container .container-profile .profile button{width:9.875rem;height:3.125rem;flex-shrink:0;border-radius:.3125rem;background:rgba(60,110,113,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)!important;box-shadow:0 15px 45px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);transition:background .5s}.web-container .sb-headers-container .container-profile .profile button:hover{background:rgba(100,180,190,.6);border:1px solid hsla(0,0%,100%,.4)}.web-container .sb-headers-container .container-profile .img-wrapper{width:8rem}.web-container .sb-headers-container .about-container{z-index:3;position:absolute;bottom:-15%;box-sizing:border-box;width:100%;color:#fff}.web-container .sb-headers-container .about-container .arrow{position:relative;top:-5px;height:20px;width:30px;animation:jump 1.3s linear infinite}@keyframes jump{25%{top:5px}}.web-container .sb-headers-container .about-container .box-container{background:rgba(100,180,190,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)!important;box-shadow:0 15px 65px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-bottom-color:hsla(0,0%,100%,.2);transition:background .5s;position:relative}.web-container .sb-headers-container .about-container .box-container__card{z-index:3;width:23%;min-height:139px}@media(390px <= width <= 768px){.web-container .sb-headers-container .container-profile{padding:10rem 0 15rem}.web-container .sb-headers-container .container-profile .profile{padding:0 1.5rem;width:auto}.web-container .sb-headers-container .about-container{bottom:-45.1%;width:100%;height:50%}.web-container .sb-headers-container .about-container .arrow{height:15px;width:20px}.web-container .sb-headers-container .about-container .box-container{background:linear-gradient(45deg,#3c6e71)}.web-container .sb-headers-container .about-container .box-container__card{width:100%}}@media(width <= 389px){.web-container .sb-headers-container .container-profile{padding:10rem 1rem}.web-container .sb-headers-container .container-profile .profile{width:auto}.web-container .sb-headers-container .about-container{bottom:-45%;width:100%;height:50%}.web-container .sb-headers-container .about-container .arrow{height:15px;width:20px}.web-container .sb-headers-container .about-container .box-container{background:linear-gradient(45deg,#3c6e71)}.web-container .sb-headers-container .about-container .box-container__card{width:100%}}@media(769px <= width <= 1023px){.web-container .sb-headers-container .container-profile .profile{width:auto}.web-container .sb-headers-container .about-container{bottom:-30%}.web-container .sb-headers-container .about-container .box-container{background:linear-gradient(45deg,#3c6e71)}.web-container .sb-headers-container .about-container .box-container__card{width:47%}}@media(1024px <= width <= 1367px){.web-container .sb-headers-container .container-profile{padding-left:1rem;padding-right:1rem}.web-container .sb-headers-container .about-container{background:linear-gradient(45deg,#3c6e71);width:100%;bottom:-20%}.web-container .sb-headers-container .about-container .box-container__card{width:47%}}@media(width >= 1921px){.web-container .sb-headers-container .about-container{bottom:-10%}}.web-container .experiences-container{position:relative;width:100%;display:flex;flex-direction:column;color:#fff;background-color:var(--color-darkness)}.web-container .experiences-container .wrapper{padding:30vh 8rem 10vh}.web-container .experiences-container .wrapper__body{margin-top:2.5rem;width:100%}.web-container .experiences-container .wrapper__body .timeline{margin-left:1rem;padding-left:2rem;position:relative}.web-container .experiences-container .wrapper__body .timeline .timeline-line{border-left:2px solid #fff;height:100%;position:absolute;left:0;bottom:-1rem}.web-container .experiences-container .wrapper__body .timeline .timeline-item{position:relative;margin-bottom:3rem}.web-container .experiences-container .wrapper__body .timeline .timeline-item .icon{position:absolute;left:-2.7rem;top:1rem;width:1.5rem;height:1.5rem;background-color:var(--color-light-greeny);border:2px solid #e0ecff;border-radius:50%}.web-container .experiences-container .wrapper__body .timeline .timeline-item .content h2{font-size:2rem;font-weight:700;color:var(--color-light-greeny);margin:0}.web-container .experiences-container .wrapper__body .timeline .timeline-item .content .role{font-weight:600;margin:.3rem 0}.web-container .experiences-container .wrapper__body .timeline .timeline-item .content .date{color:#fff;font-size:.9rem;margin-bottom:.5rem}.web-container .experiences-container .wrapper__body .timeline .timeline-item .content .desc{font-size:.95rem;color:#fff;line-height:1.5}.web-container .experiences-container:after{content:"";position:absolute;bottom:-3.46rem;height:200px;width:100%;background-image:linear-gradient(180deg,transparent 0 40%,#f8fafc 50% 100%)}@media(width <= 389px){.web-container .experiences-container{top:90vh}.web-container .experiences-container .wrapper{padding:8rem .9rem}}@media(390px <= width <= 768px){.web-container .experiences-container{top:70vh}.web-container .experiences-container .wrapper{padding:8rem .9rem}}@media(769px <= width <= 1023px){.web-container .experiences-container{top:20vh}.web-container .experiences-container .wrapper{padding:10rem 3rem}}@media(1024px <= width <= 1367px){.web-container .experiences-container{top:20vh}.web-container .experiences-container .wrapper{padding:10rem 3rem}}.web-container .myproject-container{display:flex;flex-direction:column;margin-top:8rem;background-image:linear-gradient(90deg,#64b4be 1px,transparent 0),linear-gradient(180deg,#64b4be 1px,transparent 0);background-size:4vh 4vh;background-repeat:repeat;-webkit-mask-image:radial-gradient(ellipse at center,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 70%,transparent 100%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.web-container .myproject-container__body .body-container{margin:4rem 0;display:flex;flex-direction:column}.web-container .myproject-container__body .body-container:nth-child(odd){align-items:start;flex-direction:row;max-width:100%;animation:appearSide 5s linear;animation-timeline:view();animation-range:entry 0 cover 20%}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img{position:relative;box-shadow:0 3px 10px rgba(0,0,0,.2);height:100%;width:50%;transition:width .5s ease;cursor:pointer}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img .card{position:absolute;width:100%;height:100%;top:0;z-index:1!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:10px;box-shadow:10px 10px 30px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.3)}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img .card:nth-child(2){transform:rotate(5deg) translate(10px,10px)}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc{align-self:center;width:55%;display:grid;row-gap:1rem;background-color:#fff;padding:3rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc .desc-footer .btn-visit{padding:5px 30px;width:40%;border-radius:6px;border:1px solid #353535;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);font-weight:700;transition:background .6s}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc .desc-footer .btn-visit:hover{color:#fff;background-color:var(--color-greeny);border:1px solid transparent}@media(max-width:389px){.web-container .myproject-container__body .body-container:nth-child(odd){width:100%;flex-direction:column;background-color:#fff}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img{width:100%;margin-bottom:1.5rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img .imgcard{height:100%!important;-o-object-fit:contain;object-fit:contain}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img:hover{width:100%}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc{width:100%;padding:1rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc .desc-footer .btn-visit{width:50%}}@media(max-width:769px){.web-container .myproject-container__body .body-container:nth-child(odd){width:100%;flex-direction:column;background-color:#fff}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img{width:100%;margin-bottom:1.5rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img .imgcard{height:100%!important;-o-object-fit:contain;object-fit:contain}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img:hover{width:100%}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc{width:100%;padding:1rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc .desc-footer .btn-visit{width:50%}}@media(max-width:1023px){.web-container .myproject-container__body .body-container:nth-child(odd){width:100%;flex-direction:column;background-color:#fff}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img{width:100%;margin-bottom:1.5rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img .imgcard{height:100%!important;-o-object-fit:contain;object-fit:contain}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__img:hover{width:100%}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc{width:100%;padding:1rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc .desc-footer .btn-visit{width:50%}}@media(1024px <= width <= 1367px){.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc{padding:0 3rem}.web-container .myproject-container__body .body-container:nth-child(odd) .body-container__desc .desc-footer .btn-visit{width:35%}}.web-container .myproject-container__body .body-container:nth-child(2n){margin-top:5rem;flex-direction:row-reverse;align-items:end;animation:appearSide 5s linear;animation-timeline:view();animation-range:entry 0 cover 40%}@keyframes appearSide{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img{position:relative;box-shadow:0 3px 10px rgba(0,0,0,.2);height:100%;width:45%;transition:width .5s ease;cursor:pointer}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img .card{position:absolute;width:100%;height:100%;top:0;z-index:1!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:rotate(-5deg) translate(-10px,-10px);background:hsla(0,0%,100%,.2);border-radius:10px;box-shadow:10px 10px 30px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.3)}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img .card:first-child{transform:rotate(-5deg) translate(-10px,-10px)}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img .card:nth-child(2){transform:rotate(5deg) translate(10px,10px)}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc{background-color:#fff;align-self:center;width:60%;padding:3rem 6rem;display:grid;row-gap:1rem}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc .desc-footer .btn-visit{padding:5px 30px;width:40%;border-radius:6px;border:1px solid #353535;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);font-weight:700;transition:background .6s;cursor:pointer}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc .desc-footer .btn-visit:hover{color:#fff;background-color:var(--color-greeny);border:1px solid transparent}@media(max-width:389px){.web-container .myproject-container__body .body-container:nth-child(2n){width:100%;flex-direction:column;background-color:#fff}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img{margin-bottom:1.5rem;width:100%}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img .imgcard{height:100%!important;-o-object-fit:contain;object-fit:contain}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img:hover{width:100%}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc{width:100%;padding:1rem}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc .desc-footer .btn-visit{width:50%}}@media(max-width:769px){.web-container .myproject-container__body .body-container:nth-child(2n){width:100%;flex-direction:column;background-color:#fff}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img{margin-bottom:1.5rem;width:100%}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img .imgcard{height:100%!important;-o-object-fit:contain;object-fit:contain}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img:hover{width:100%}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc{width:100%;padding:1rem}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc .desc-footer .btn-visit{width:50%}}@media(max-width:1023px){.web-container .myproject-container__body .body-container:nth-child(2n){width:100%;flex-direction:column;background-color:#fff}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img{margin-bottom:1.5rem;width:100%}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img .imgcard{height:100%!important;-o-object-fit:contain;object-fit:contain}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__img:hover{width:100%}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc{width:100%;padding:1rem}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc .desc-footer .btn-visit{width:50%}}@media(1024px <= width <= 1367px){.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc{padding:0 3rem}.web-container .myproject-container__body .body-container:nth-child(2n) .body-container__desc .desc-footer .btn-visit{width:35%}}.web-container .myproject-container__body .btn-container{width:100%;display:flex;justify-content:center}.web-container .myproject-container__body .btn-container .btn-more{cursor:pointer;border-radius:5px;color:#fff;height:4vh;width:10%;background:var(--color-greeny);box-shadow:4px 4px 4px 0 rgba(0,0,0,.25);margin-bottom:1.5rem}@media(max-width:389px){.web-container .myproject-container__body .btn-container .btn-more{width:20%}}@media(max-width:769px){.web-container .myproject-container__body .btn-container .btn-more{width:20%}}@media(max-width:1023px){.web-container .myproject-container__body .btn-container .btn-more{width:20%}}@media(width <= 389px){.web-container .myproject-container{margin-top:85dvh}.web-container .myproject-container .body-container{margin:2rem 0}}@media(390px <= width <= 768px){.web-container .myproject-container{margin-top:70dvh}.web-container .myproject-container .body-container{margin:2rem 0}}@media(769px <= width <= 1023px){.web-container .myproject-container{margin-top:30vh}}.web-container .skills-container{width:100%;display:flex;flex-direction:column;position:relative;margin-top:6rem}.web-container .skills-container:after,.web-container .skills-container:before{position:absolute;height:100%;width:250px;content:"";z-index:2}@media(max-width:389px){.web-container .skills-container:after,.web-container .skills-container:before{width:100px;height:100%;bottom:0!important}}@media(max-width:769px){.web-container .skills-container:after,.web-container .skills-container:before{width:100px;height:100%;bottom:0!important}}.web-container .skills-container:before{left:0;background:linear-gradient(270deg,hsla(0,0%,100%,0),#f8fafc)}.web-container .skills-container:after{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),#f8fafc)}.web-container .skills-container .container-img{cursor:pointer;flex-direction:row;display:flex;gap:1.5rem;margin-right:1rem;margin-bottom:7rem}.web-container .skills-container .container-img .sliding-container{padding:.5rem;width:100%;height:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:10px 10px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);transform-style:preserve-3d;transition:transform .5s ease;position:relative;display:inline-block}.web-container .skills-container .container-img .sliding-container:hover{transform:scale(1.3)}.web-container .skills-container .container-img .sliding-container .tooltip-text{visibility:hidden;position:absolute;background-color:rgba(0,0,0,.75);color:#fff;font-size:small;text-align:center;padding:8px;border-radius:5px;top:110%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;white-space:nowrap}.web-container .skills-container .container-img .sliding-container:hover .tooltip-text{visibility:visible;opacity:1}.web-container .skills-container .container-img .sliding-container .images{-o-object-fit:contain;object-fit:contain;width:100%;height:50px}@media(max-width:389px){.web-container .skills-container .container-img .sliding-container{margin-top:1.5rem}.web-container .skills-container .container-img .sliding-container .images{height:5vh}.web-container .skills-container .container-img .sliding-container .images:hover{transform:scale(1)}}@media(max-width:769px){.web-container .skills-container .container-img .sliding-container{margin-top:1.5rem}.web-container .skills-container .container-img .sliding-container .images{height:5vh}.web-container .skills-container .container-img .sliding-container .images:hover{transform:scale(1)}}@media(max-width:389px){.web-container .skills-container{max-width:100%;margin-top:3rem}}@media(max-width:769px){.web-container .skills-container{max-width:100%;margin-top:3rem}}@media(769px <= width <= 1023px){.web-container .skills-container{margin-top:5rem;max-width:calc(100% - 7rem)}}@media(1024px <= width <= 1367px){.web-container .skills-container{max-width:calc(100% - 5rem)}}.web-container .email-container{margin-bottom:15rem;position:relative;height:70dvh;width:100%;background:var(--color-darkness);transition:background .5s}@media(max-width:769px){.web-container .email-container{height:95dvh;padding-bottom:10vh;margin-bottom:2rem}}@media(width <= 389px){.web-container .email-container{height:125dvh;margin-bottom:2rem}}@media(769px <= width <= 1023px){.web-container .email-container{height:70dvh}}@media(1024px <= width <= 1367px){.web-container .email-container{height:85dvh}}.web-container .email-container .content{height:100%;margin:auto;display:grid;grid-template-columns:auto auto;-moz-column-gap:5rem;column-gap:5rem;z-index:10}@media(max-width:389px){.web-container .email-container .content{grid-template-columns:auto}.web-container .email-container .content .text-container{position:relative;top:20%}}@media(max-width:769px){.web-container .email-container .content{grid-template-columns:auto}.web-container .email-container .content .text-container{position:relative;top:20%}}@media(max-width:1023px){.web-container .email-container .content{grid-template-columns:auto}.web-container .email-container .content .text-container{position:relative;top:20%}}.web-container .email-container .content .text-container{align-self:center;justify-content:center;width:100%}.web-container .email-container .content .form-container{align-self:center;justify-content:center;position:absolute;right:0;background-color:rgba(60,110,113,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)!important;box-shadow:0 15px 65px hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-bottom-color:hsla(0,0%,100%,.2);width:50%;padding:74px 54px;border-radius:4px}.web-container .email-container .content .form-container form div input{width:100%!important;border-radius:4px;line-height:48px;text-indent:10px;outline:none;background:hsla(0,0%,100%,.3);box-shadow:0 15px 65px hsla(0,0%,100%,.1);border:none;border:1px solid hsla(0,0%,100%,.3);border-bottom-color:hsla(0,0%,100%,.2);transition:background .5s}.web-container .email-container .content .form-container form div input:hover{background:#fff}.web-container .email-container .content .form-container form div input::-moz-placeholder{color:#fff}.web-container .email-container .content .form-container form div input::placeholder{color:#fff}.web-container .email-container .content .form-container form div textarea{resize:none;background:hsla(0,0%,100%,.3);box-shadow:0 15px 65px hsla(0,0%,100%,.1);outline:none;border:none;width:100%!important;text-indent:10px;border-radius:4px;transition:background .5s}.web-container .email-container .content .form-container form div textarea:hover{background:#fff}.web-container .email-container .content .form-container form div textarea::-moz-placeholder{color:#fff}.web-container .email-container .content .form-container form div textarea::placeholder{color:#fff}.web-container .email-container .content .form-container form button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;background:rgba(0,0,0,.5);box-shadow:0 15px 55px hsla(0,0%,100%,.4);transition:background .5s}.web-container .email-container .content .form-container form button:hover{background:rgba(0,0,0,.8)}@media(max-width:389px){.web-container .email-container .content .form-container{position:relative;top:4rem;width:100%;padding:40px 20px;outline:5px solid #fff}}@media(max-width:769px){.web-container .email-container .content .form-container{position:relative;top:4rem;width:100%;padding:40px 20px;outline:5px solid #fff}}@media(max-width:1023px){.web-container .email-container .content .form-container{position:relative;top:4rem;width:100%;padding:40px 20px;outline:5px solid #fff}}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;filter:blur(10px)}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background-color:#ff3cac;background-image:linear-gradient(225deg,#ff3cac 0,#784ba0 50%,var(--color-greeny) 100%);animation:animate 25s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}:root{--color-velvet:#9c0000;--color-darkness:#363636;--color-greeny:#3c6e71;--color-light-greeny:#64b4be}body{background-color:#f8fafc;box-sizing:border-box}html{scroll-behavior:smooth}.wrapper-content{max-width:calc(100% - 20rem);width:100%}@media(max-width:389px){.wrapper-content{padding-left:1rem;padding-right:1rem;max-width:100%}}@media(max-width:769px){.wrapper-content{padding-left:1rem;padding-right:1rem;max-width:100%}}@media(769px <= width <= 1023px){.wrapper-content{margin-top:5rem;max-width:calc(100% - 7rem)}}@media(1024px <= width <= 1367px){.wrapper-content{max-width:calc(100% - 5rem)}}.headers-section{align-self:center;margin-top:1.5rem;background-color:#fff;padding:0 1rem}.headers-section span{display:flex;flex-direction:row;align-items:center}.headers-section span:after{margin-left:1rem}.headers-section span:after,.headers-section span:before{content:"";background:#000;display:block;height:3px;width:10vw;border-radius:1rem}.headers-section span:before{margin-right:1rem}@media(769px <= width <= 1023px){.headers-section{margin-top:0}}@media(390px <= width <= 768px){.headers-section{margin-top:10rem}}@media(width <= 389px){.headers-section{margin-top:8rem}}