@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.displacement-sphere{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition-duration:3s;transition-property:opacity;transition-timing-function:"cubic-bezier(0.4, 0.0, 0.2, 1)";width:100vw;z-index:-1}.displacement-sphere--entered,.displacement-sphere--entering{opacity:1}.bodyprojects{flex-wrap:wrap;justify-content:center;margin:auto;max-width:90%;min-height:100vh}.bodyDetail,.bodyprojects{display:flex;gap:10px;width:70%}.bodyDetail{height:100vh;margin:0 auto;overflow:hidden}.body1{height:100vh}.body1,.body2{padding:10px;width:50%}.body2{align-items:center;display:flex;margin:10px auto}.body2detail{background-color:#ddc3c35c;border-radius:20px;height:100%;overflow:scroll;padding:20px}.body2content{text-align:justify}.body2content a{color:inherit}.img-flex-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly;margin-top:20px;width:100%}.img-flex-group p{margin:0;width:30%}.img-flex-group img{border-radius:8px;height:auto;width:100%}.body2detail::-webkit-scrollbar{display:block}.img_detail{margin:5px 0;width:100%}@media (max-width:1024px){.bodyDetail{display:flex;gap:5px;height:100vh;margin:0 auto;overflow:hidden;width:80%}.__content_wrapper{width:50%}}@media (max-width:768px){#works{margin-left:10px}.more-project{margin:auto}.project{background-color:red;flex-direction:column;width:100%}.bodyprojects{flex-direction:column;width:65%}.__img_wrapper{width:100%}.__content_wrapper{padding:5px;width:100%}.title{font-size:1.3rem;margin:0}.description{font-size:.7rem;width:80%}.divtech{background-color:"#2C3E50";font-size:10px}.bodyDetail{align-items:start;display:flex;flex-direction:column;justify-content:start;margin:0 auto;overflow:scroll;width:90%}.body1{padding:10px;width:100%}.body2{margin:10px auto;width:100%}.back,.body2{align-items:center;display:flex;padding:10px}.back{background-color:#0a0a0a36;border-radius:100%;bottom:10px;height:40px;justify-content:center;left:20px;position:fixed;width:40px}.img-flex-group{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-evenly;margin-top:20px;width:100%}.img-flex-group p{margin:0;width:100%}}.flexSkeleton{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.skeletonWrapper{width:30%}.certificateItem{border:1px solid #ffffff82;border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:10px;position:relative;text-align:center;width:30%}.certificate-btn:hover{text-decoration:none}.buttonGroup{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;text-align:center}.certificate-btn{background-color:#0a0a0a;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;text-align:center;text-decoration:none;transition:background .2s ease}.certificate-btn:hover{background-color:#ec704c}.relativeWrapper{align-items:center;display:flex;position:relative}.customModal{background:#faf9f966;border:1px solid #aaa;border-radius:8px;box-shadow:0 0 10px #0000001a;left:0;max-width:500px;min-width:300px;padding:10px;position:absolute;top:110%;white-space:normal;z-index:100}.back{align-items:center;background-color:#0a0a0a36;border-radius:100%;display:flex;height:40px;justify-content:center;left:20px;padding:10px;position:fixed;top:10px;width:40px}@media (max-width:768px){#certification{margin-left:10px}.certificateItem{border:1px solid #ffffff82;border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:10px;position:relative;text-align:center;width:90%}.customModal{background:#faf9f966;border:1px solid #aaa;border-radius:8px;box-shadow:0 0 10px #0000001a;font-size:10px;left:-30px;max-width:400px;min-width:200px;padding:10px;position:absolute;right:0;white-space:normal;z-index:100}.back{background-color:#0a0a0a36;bottom:40px;left:20px;top:auto}}nav{display:flex;flex-direction:column;gap:10%;height:100vh;justify-content:center;left:1rem;position:fixed;top:0}nav a{color:#575757;display:inline-block;text-align:center;transform:rotate(270deg);width:auto}nav a,nav a:hover{text-decoration:none}nav a.active,nav a:hover{color:#ec704c}@media (max-width:768px){nav{left:.5rem}}.project{margin:10px auto;width:30%}.divtech{background-color:#2c3e50;border-radius:10px;color:"white";font-size:14px;gap:10px;justify-content:center;padding:3px 10px;text-shadow:1px 1px 3px #000}.divtech,.project-reverse{align-items:center;display:flex}.project-reverse{flex-direction:row;margin-left:7rem;margin-right:7rem;width:80%}.__img_wrapper{overflow:hidden;width:100%}.__img_wrapper>img{border-radius:10px 10px 10px 10px;box-shadow:0 4px 12px #00000080;width:100%}.more-project{margin:10px auto}.__content_wrapper{align-items:center;border:1px solid #ffffff82;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;padding:15px 0;text-align:center;width:100%}.title{font-size:1.5rem;margin:0}.description{font-size:1rem;width:80%}.work-btn{background-color:#0a0a0a;border-radius:10px;color:#fff;padding:10px;text-decoration:none}.work-btn:hover{background-color:#ec704c;text-decoration:none}@media (max-width:1024px){.__content_wrapper{width:50%}}@media (max-width:768px){#works{margin-left:10px}.more-project{margin:auto}.project{background-color:red;flex-direction:column}.__img_wrapper,.project{width:100%}.__content_wrapper{padding:5px;width:100%}.title{font-size:1.3rem;margin:0}.description{font-size:.7rem;width:80%}.divtech{background-color:"#2C3E50";font-size:10px}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline-element-icon.shadow-size-small{-webkit-box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d;box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{-webkit-box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d;box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.about{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;width:80%}.heading{font-size:1.15rem;width:30%}._img{border:1px solid #ffffff82;border-radius:16px;box-shadow:0 4px 30px #0000001a;height:20em;margin:5em;width:35em}._content_wrapper{width:50%}.contact-btn{color:#464646}.contact-btn,.contact-btn:hover{margin-right:20px;text-decoration:none}.contact-btn:hover{background-color:#ec704c}@media (max-width:1024px){.about{margin-left:3rem;margin-right:3rem}._img{margin:2em}._content_wrapper{width:40%}}@media (max-width:768px){.about{flex-direction:column;margin-left:4em;margin-right:4em}._img{height:12em}._content_wrapper,._img{width:15em}.aboutme{font-size:12px}.vertical-timeline-element{margin-top:-10px}.vertical-timeline-element .vertical-timeline-element-icon{display:none;height:28px;left:-14px;width:28px}}@media (max-width:640px){.vertical-timeline-element{margin:10px 0;padding:0}.vertical-timeline-element .vertical-timeline-element-icon{display:none;height:28px;left:-14px;width:28px}.vertical-timeline:before{display:none;left:14px;width:2px}.vertical-timeline-element-content{border-radius:6px;padding:12px 14px}.vertical-timeline-element-content h3{font-size:1rem;margin:0 0 4px}.vertical-timeline-element-content h4{font-size:.875rem;margin:0 0 2px}.vertical-timeline-element-content p,.vertical-timeline-element-content span{font-size:.75rem;line-height:1.2}}.contact{display:flex;gap:30px;justify-content:center;margin:auto;width:80%}._form_wrapper{border:1px solid #ffffff82;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:flex;height:28em;padding:2em;width:40%}.submit-btn{background-color:#0a0a0a;border-radius:10px;color:#fff;padding:10px}.submit-btn,.submit-btn:hover{margin-right:20px;text-decoration:none}.submit-btn:hover{background-color:#ec704c}.contact_msg{font-size:4rem;margin:5rem}@media (max-width:1024px){._form_wrapper{height:auto;margin-left:4em;margin-right:4em;padding:2em;width:300px}}@media (max-width:768px){#contact{font-size:12px;margin-left:10px}.contact{font-size:12px;margin:auto auto 7em;width:60%}._form_wrapper{margin-left:0;margin-right:0;padding:2em;width:100%}.contact{flex-direction:column}}*{border:0;box-sizing:border-box;margin:0;outline:0;padding:0}::selection{background:#00bfbf;color:#fafafa;text-shadow:none}::-webkit-scrollbar{background:#0000;width:0}html{font-size:16px;overflow:scroll;overflow-x:hidden;scroll-behavior:smooth}body{transition:all .5s ease}p{margin-block-end:.5em;margin-block-start:.5em}
/*# sourceMappingURL=main.7ac41c25.css.map*/