@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,700;1,800;1,900&display=swap);:root{font-family:Noto Sans,sans-serif;font-size:1rem}@media only screen and (min-width:768px){:root{font-size:1.15rem}}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bg-color-100:#fff;--bg-color-main:#f9f9f9;--bg-color-200:#f2f2f2;--bg-color-300:#ededed;--bg-color-400:#d5d5d561;--white-color-100:#fff;--white-color-200:#e6e6e6;--white-color-300:#c3c3c3;--white-color-400:#a0a0a0;--black-color-100:#000;--black-color-200:#222;--black-color-300:#434343;--black-color-400:#606060;--primary-color:#f49548;--secondary-color:#404c5a;--danger-color:#dc3545;--success-color:#28a745;--hover-color:#0000000d;--trans-1:all 0.1s ease;--trans-2:all 0.2s ease;--trans-3:all 0.3s ease;--trans-4:all 0.4s ease;--border-redius-100:0.4rem;--border-redius-200:0.8rem;--border-redius-300:1rem;--border-redius-400:2rem;--card-padding:1rem;--btn-padding-100:0.2rem 1rem;--btn-padding-200:0.4rem 1rem;--btn-padding-300:0.6rem 1rem;--btn-padding-400:0.8rem 1rem;font-synthesis:none;line-height:1.2rem;text-rendering:optimizeLegibility}*,:after,:before{background-color:initial;border:none;box-sizing:border-box;color:#434343;color:var(--black-color-300);list-style:none;margin:0;outline:none;padding:0;text-decoration:none}::-webkit-scrollbar{width:15px}::webkit-scrollbar-thumb{background-clip:content-box;background-color:#fff;background-color:var(--bg-color-100);border:.2rem solid #0000;border-radius:.8rem;height:7rem}::selection{background:#f49548;background:var(--primary-color);color:#fff;color:var(--white-color-100)}.skeleton{background-color:initial;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,rgba(#ededed,0),rgba(#ededed,.2) 20%,rgba(#ededed,.5) 60%,rgba(#ededed,0));background-image:linear-gradient(90deg,rgba(var(--bg-color-300),0) 0,rgba(var(--bg-color-300),.2) 20%,rgba(var(--bg-color-300),.5) 60%,rgba(var(--bg-color-300),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}html{height:max-content}body.dark-content{--bg-color-100:#1c1b1b;--bg-color-main:#212121;--bg-color-200:#00000061;--bg-color-300:#303030;--bg-color-400:#3d3d3d61;--black-color-100:#fff;--black-color-200:#e6e6e6;--black-color-300:#c3c3c3;--black-color-400:#a0a0a0;--white-color-100:#000;--white-color-200:#222;--white-color-300:#434343;--white-color-400:#606060}body::-webkit-scrollbar{width:15px}body{background-color:#f9f9f9;background-color:var(--bg-color-main)}#root,body{display:flex;height:100%}#root{flex-direction:column;width:100%}h1,h2,h3,h4,h5{color:#000;color:var(--black-color-100)}h1{font-size:2.2rem}h2{font-size:2rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}button{background-color:initial;cursor:pointer}.anim{animation:k7 .15s ease-in-out 0s 1 normal forwards running}.page{padding:.5rem}@media only screen and (min-width:768px){.page{padding:1rem}}.page-set{padding:0 0 4rem}@media only screen and (min-width:768px){.page-set{padding:0 0 0 6rem}}.click-hover{position:relative}.click-hover:hover:after{opacity:1;transform:scale(1.3);visibility:visible}.click-hover:after{background:#0000000d;background:var(--hover-color);border-radius:20rem;bottom:0;box-sizing:border-box;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .1s ease;transition:var(--trans-1);visibility:hidden}.sidebar{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--bg-color-100);bottom:0;height:3.5rem;left:0;position:fixed;right:0;width:100%;z-index:10}@media only screen and (min-width:768px){.sidebar{height:100%;width:5rem}}.sidebar .main{align-items:center;display:flex;height:100%;justify-content:center}@media only screen and (min-width:768px){.sidebar .main{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}}.sidebar .main .sidebar-top{display:none}@media only screen and (min-width:768px){.sidebar .main .sidebar-top{display:block;height:20%;padding-top:1rem}}.sidebar .main .sidebar-center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media only screen and (min-width:768px){.sidebar .main .sidebar-center{height:60%}}.sidebar .main .sidebar-center ul{display:flex;gap:0;justify-content:space-evenly;padding-top:0;width:100%}@media only screen and (min-width:768px){.sidebar .main .sidebar-center ul{align-items:center;display:flex;flex-direction:column;gap:2.2rem;height:100%;justify-content:center}}.sidebar .main .sidebar-center ul .sidebar-btn{background-color:initial;border-radius:20rem;cursor:pointer;display:flex;height:2.1rem;padding:.6rem;width:2.1rem}.sidebar .main .sidebar-center ul .sidebar-btn svg{fill:var(--black-color-300);height:100%;width:100%}.sidebar .main .sidebar-center ul .sidebar-btn.active{background-color:var(--primary-color)}.sidebar .main .sidebar-center ul .sidebar-btn.active svg{fill:var(--white-color-100)}.sidebar .main .sidebar-bottom{display:none}@media only screen and (min-width:768px){.sidebar .main .sidebar-bottom{align-items:flex-end;display:flex;height:20%;padding-bottom:1rem}}section#Contact{display:flex;height:100%;justify-content:center;min-height:100vh;width:100%}section#Contact .page{height:100%;margin-bottom:6rem;max-width:2400px;padding:0 1.5rem;width:100%}@media only screen and (min-width:768px){section#Contact .page{margin-bottom:0;padding:0 7rem}}@media only screen and (min-width:1280px){section#Contact .page{padding:0 12rem}}@media only screen and (min-width:1536px){section#Contact .page{padding:0 15rem}}section#Contact .page .sub-section{margin:1rem 0}section#Contact .page .sub-section .header-div{margin-top:0}section#Contact .page .sub-section .header-div .title{font-size:1.8rem;line-height:2.5rem}section#Contact .page .social{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}section#Contact .page .social a{border:.1rem solid var(--black-color-400);border-radius:100%;height:1.3rem;padding:.1rem .25rem;width:1.3rem}section#Contact .page .social a svg{fill:var(--black-color-400);height:100%;width:100%}section#Contact .page .social a:hover{border-color:var(--primary-color)}section#Contact .page .social a:hover svg{fill:var(--primary-color)}section#Contact .page .msg{color:var(--white-color-300);font-size:1.8rem!important;font-weight:600}section#Contact .page .lable{font-size:1rem!important;margin:.5rem 0}section#Contact .page .lable-2{font-size:.8rem!important;margin:.5rem 0}section#Contact .page form{align-items:center;background:var(--bg-color-100);border-radius:var(--border-redius-300);display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:1rem 1.2rem;width:95%}@media only screen and (min-width:768px){section#Contact .page form{padding:1.2rem 2.5rem;width:auto}}section#Contact .page form .message{border:.5px solid var(--danger-color);border-radius:20rem;color:var(--danger-color);display:none;font-size:.8rem;font-weight:600;margin-bottom:.8rem;margin-top:.5rem;padding:.4rem;text-align:center;width:100%}section#Contact .page form .message.success{border:.5px solid var(--success-color);color:var(--success-color);display:block;transition:var(--trans-4)}section#Contact .page form .message.error{display:block;transition:var(--trans-4)}section#Contact .page form .message:empty{display:none}section#Contact .page form .inputBox{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;width:95%}@media only screen and (min-width:768px){section#Contact .page form .inputBox{width:25rem}}section#Contact .page form .inputBox input,section#Contact .page form .inputBox textarea{background:var(--bg-color-400);border-radius:var(--border-redius-400);font-size:.8rem;padding:var(--btn-padding-300);width:100%}section#Contact .page form .inputBox textarea{border-radius:var(--border-redius-200);height:5rem;overflow:hidden;resize:none;width:100%}section#Contact .page form .inputBox button{background-color:var(--primary-color);border-radius:20rem;color:var(--white-color-100);font-size:.8rem;font-weight:600;margin-top:.8rem;padding:var(--btn-padding-300);width:75%}section#Contact .page form .inputBox button:disabled{opacity:.5}@media only screen and (min-width:768px){section#Contact .page form .inputBox button{width:60%}}section#Contact .center{flex-direction:column}section#Contact .center,section#Home{align-items:center;display:flex;justify-content:center}section#Home{background-color:initial;height:100%;min-height:100vh;overflow:hidden;position:relative;width:100%;z-index:1}section#Home .page{height:100%;max-width:2400px;padding:0 .5rem;width:100%;z-index:2}@media only screen and (min-width:768px){section#Home .page{padding:0 7rem}}@media only screen and (min-width:1280px){section#Home .page{padding:0 12rem}}@media only screen and (min-width:1536px){section#Home .page{padding:0 15rem}}section#Home .page .mode{background-color:var(--primary-color);border-radius:20rem;cursor:pointer;height:2.1rem;padding:.6rem;position:absolute;right:2rem;top:2rem;width:2.1rem;z-index:10}@media only screen and (min-width:768px){section#Home .page .mode{right:3rem;top:3rem}}section#Home .page .mode svg{fill:var(--white-color-100);height:100%;margin-bottom:.2rem;transition:transform .3s ease-out;width:100%}section#Home .page .mode input{display:none}section#Home .page .mode input:checked~svg{transform:rotate(180deg)}section#Home .page .profile{align-items:center;display:flex;flex-direction:column-reverse;gap:2rem;justify-content:space-between;width:100%}@media only screen and (min-width:768px){section#Home .page .profile{gap:5rem}}@media only screen and (min-width:1280px){section#Home .page .profile{flex-direction:row;gap:0}}section#Home .page .profile .profile-left{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%;z-index:10}section#Home .page .profile .profile-left .title{color:var(--primary-color);font-size:1.4rem;line-height:2rem;text-align:center}@media only screen and (min-width:768px){section#Home .page .profile .profile-left .title{font-size:1.8rem;line-height:2.6rem}}section#Home .page .profile .profile-left .h-line{background-color:var(--black-color-300);border-radius:20rem;height:2px;margin:.8rem 0;width:25%}section#Home .page .profile .profile-left .description{font-size:.8rem;line-height:1.6rem;text-align:center}@media only screen and (min-width:768px){section#Home .page .profile .profile-left .description{font-size:1rem;line-height:1.6rem}}section#Home .page .profile .profile-left .description span{font-weight:700}section#Home .page .profile .profile-left .btn-cv{background-color:initial;border:2px solid var(--primary-color);border-radius:var(--border-redius-400);color:var(--primary-color);font-size:.7rem;font-weight:600;margin-top:1rem;padding:var(--btn-padding-200);transition:var(--trans-1)}@media only screen and (min-width:768px){section#Home .page .profile .profile-left .btn-cv{font-size:.8rem}}section#Home .page .profile .profile-left .btn-cv:hover{background-color:var(--primary-color);color:var(--white-color-100);transform:scale(1.05);transition:var(--trans-4)}section#Home .center{align-items:center;display:flex;flex-direction:column;justify-content:center}section .page .sub-section{margin:1rem 0}section .page .sub-section .header-div{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;width:100%}section .page .sub-section .header-div .title{font-size:1.4rem;line-height:2rem;margin:1rem 0;text-align:center}@media only screen and (min-width:768px){section .page .sub-section .header-div .title{font-size:1.8rem;line-height:2.5rem}}@media only screen and (min-width:1280px){section .page .sub-section .header-div .title{text-align:left}}section .page .sub-section .header-div .h-line{background-color:var(--primary-color);border-radius:20rem;height:.2rem;margin:.8rem 0;width:35%}@media only screen and (min-width:768px){section .page .sub-section .header-div .h-line{width:20%}}@media only screen and (min-width:1280px){section .page .sub-section .header-div .h-line{width:25%}}@media only screen and (min-width:1536px){section .page .sub-section .header-div .h-line{width:20%}}section .page .sub-section .description{font-size:.8rem;line-height:1.6rem;text-align:center;width:90%}@media only screen and (min-width:768px){section .page .sub-section .description{font-size:.9rem;line-height:1.7rem}}section .page .sub-section .tab{display:flex;gap:.2rem;margin:2rem 0;max-width:100%;min-width:40%}section .page .sub-section .tab .tab-item{align-items:center;background-color:var(--bg-color-100);display:flex;gap:1rem;justify-content:center;padding:1rem 2rem;width:50%}section .page .sub-section .tab .tab-item:first-child{border-bottom-left-radius:.4rem;border-right-width:.05rem;border-top-left-radius:.4rem}section .page .sub-section .tab .tab-item:last-child{border-bottom-right-radius:.4rem;border-left-width:.05rem;border-top-right-radius:.4rem}section .page .sub-section .tab .tab-item .number{color:var(--primary-color);font-size:1.6rem}@media only screen and (min-width:768px){section .page .sub-section .tab .tab-item .number{font-size:2rem}}section .page .sub-section .tab .tab-item .description{color:var(--black-color-400);font-size:.7rem;font-weight:700;line-height:1.2rem}@media only screen and (min-width:768px){section .page .sub-section .tab .tab-item .description{font-size:.8rem;line-height:1.5rem}}section .page .sub-section.stack-div{margin-top:-.5rem}section .page .sub-section .skills{display:flex;flex-direction:column;margin-top:1.5rem}@media only screen and (min-width:1024px){section .page .sub-section .skills{flex-direction:row;width:100%}}section .page .sub-section .skills .group-box{display:flex;flex-direction:column;gap:1.5rem;padding:.75rem;width:100%}section .page .sub-section .skills .group-box .group{background-color:var(--bg-color-100);border-radius:.4rem;justify-content:space-between;padding:1.5rem;width:100%}section .page .sub-section .skills .group-box .group label{font-size:.8rem;font-weight:700}section .page .sub-section .skills .group-box .group .tags{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem;margin-top:1rem}section .page .sub-section .skills .group-box .group .tags span{background-color:var(--bg-color-400);border-radius:10rem;font-size:.7rem;padding:.2rem .6rem}section .page .sub-section .stack{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;width:100%}@media only screen and (min-width:640px){section .page .sub-section .stack{width:90%}}.project-item{align-items:center;align-items:stretch;background-color:initial!important;border-radius:1rem;box-shadow:0 0 20px 0 var(--bg-color-200);display:flex;flex-direction:column;flex-direction:column-reverse;justify-content:center;justify-content:space-between;width:95%}.project-item.rev{flex-direction:column}@media only screen and (min-width:640px){.project-item{width:75%}}@media only screen and (min-width:768px){.project-item{flex-direction:row;width:100%}.project-item.rev{flex-direction:row-reverse}}.project-item .project-left{align-items:center;align-items:flex-end;display:flex;flex-direction:column;gap:.2rem;justify-content:center;justify-content:space-between;padding:1.5rem 2rem;width:100%}@media only screen and (min-width:768px){.project-item .project-left{align-items:start;height:20rem;padding:2.5rem}}.project-item .project-left .category{color:var(--primary-color);display:none;font-size:.7rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}@media only screen and (min-width:768px){.project-item .project-left .category{display:block}}.project-item .project-left .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;line-height:2rem;margin-top:-1rem;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:768px){.project-item .project-left .title{font-size:1.2rem}}.project-item .project-left .description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--black-color-400);display:-webkit-box;font-size:.8rem!important;line-height:1.1rem;margin-top:.2rem;overflow:hidden;text-align:left!important;text-overflow:ellipsis;width:100%!important}@media only screen and (min-width:768px){.project-item .project-left .description{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem!important;line-height:1.5rem!important;overflow:hidden;text-overflow:ellipsis}}.project-item .project-left .view-btn{background-color:var(--primary-color);border-radius:var(--border-redius-400);color:var(--white-color-100);font-size:.8rem;margin-top:.7rem;padding:var(--btn-padding-200)}@media only screen and (min-width:768px){.project-item .project-left .view-btn{font-size:.8rem}}.project-item .project-right{align-items:center;display:flex;height:15rem;justify-content:center;max-width:100%;padding:1rem}@media only screen and (min-width:768px){.project-item .project-right{height:20rem;justify-content:flex-end;padding:2.5rem}}.project-item .project-right img{aspect-ratio:6/4;border-radius:.5rem;height:100%;width:100%}@media only screen and (min-width:768px){.project-item .project-right img{height:75%;width:15rem}}@media only screen and (min-width:1024px){.project-item .project-right img{height:100%;width:25rem}}section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}section,section .page{height:100%;width:100%}section .page{max-width:2400px;padding:0 .5rem}@media only screen and (min-width:768px){section .page{padding:0 7rem}}@media only screen and (min-width:1280px){section .page{padding:0 12rem}}@media only screen and (min-width:1536px){section .page{padding:0 15rem}}section .page .sub-section{margin:2rem 0}section .page .sub-section,section .page .sub-section .project{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}section .page .sub-section .project{gap:1rem;margin-top:2rem}section .page .sub-section .qualification-tabs{align-items:center;align-items:baseline;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;width:90%}section .page .sub-section .qualification-tabs .title{color:var(--black-color-400);font-size:1.1rem;margin-bottom:1rem}section .page .sub-section .qualification-tabs .divider{background-color:var(--bg-color-400);height:.1rem;margin:2rem 0;width:100%}section .page .sub-section .qualification-tabs .content-div{display:inline-flex}section .page .sub-section .qualification-tabs .content-div .content{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%}section .page .sub-section .qualification-tabs .content-div .content .qualification-item{background-color:var(--bg-color-100);border-radius:.4rem;flex:0 0 auto;justify-content:space-between;padding:1.5rem;width:100%}section .page .sub-section .qualification-tabs .content-div .content .qualification-item h6{font-size:1rem!important}section .page .sub-section .qualification-tabs .content-div .content .qualification-item .sub-title{color:var(--primary-color);font-size:.72rem;font-weight:700;line-height:1.4rem}section .page .sub-section .qualification-tabs .content-div .content .qualification-item .sub-line{align-items:flex-start;border-bottom:.1rem solid var(--bg-color-400);display:flex;flex-direction:column-reverse;justify-content:space-between;margin-bottom:.8rem;padding-bottom:.6rem;width:100%}@media only screen and (min-width:768px){section .page .sub-section .qualification-tabs .content-div .content .qualification-item .sub-line{align-items:flex-start;flex-direction:row;justify-content:space-between}}section .page .sub-section .qualification-tabs .content-div .content .qualification-item .description{font-size:.8rem;line-height:1.4rem;text-align:left;width:auto}section .page .sub-section .qualification-tabs .content-div .content .qualification-item ul>li{font-size:.8rem;list-style:inside;margin-top:.2rem}section .page .sub-section .qualification-tabs .content-div .content .qualification-item .tags{border-top:.1rem solid var(--bg-color-400);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem;margin-top:1rem;padding-top:.8rem}section .page .sub-section .qualification-tabs .content-div .content .qualification-item .tags span{background-color:var(--bg-color-400);border-radius:10rem;font-size:.7rem;padding:.2rem .6rem}section .center,section#Qualification{align-items:center;display:flex;flex-direction:column;justify-content:center}section#Qualification{height:100%;min-height:100vh;width:100%}section#Qualification .page{height:100%;max-width:2400px;padding:0 .5rem;width:100%}@media only screen and (min-width:768px){section#Qualification .page{padding:0 7rem}}@media only screen and (min-width:1280px){section#Qualification .page{padding:0 12rem}}@media only screen and (min-width:1536px){section#Qualification .page{padding:0 15rem}}section#Qualification .page .sub-section .qualification-tabs{align-items:center;align-items:baseline;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;width:90%}section#Qualification .page .sub-section .qualification-tabs .title{color:var(--black-color-400);font-size:1.1rem;margin-bottom:1rem}section#Qualification .page .sub-section .qualification-tabs .divider{background-color:var(--bg-color-400);height:.1rem;margin:2rem 0;width:100%}section#Qualification .page .sub-section .qualification-tabs .content-div{display:inline-flex}section#Qualification .page .sub-section .qualification-tabs .content-div .content{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item{background-color:var(--bg-color-100);border-radius:.4rem;flex:0 0 auto;justify-content:space-between;padding:1.5rem;width:100%}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item h6{font-size:1rem!important}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item .sub-title{color:var(--primary-color);font-size:.72rem;font-weight:700;line-height:1.4rem}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item .sub-line{align-items:flex-start;border-bottom:.1rem solid var(--bg-color-400);display:flex;flex-direction:column-reverse;justify-content:space-between;margin-bottom:.8rem;padding-bottom:.6rem;width:100%}@media only screen and (min-width:768px){section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item .sub-line{align-items:flex-start;flex-direction:row;justify-content:space-between}}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item .description{font-size:.72rem;line-height:1.4rem;text-align:left;width:auto}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item ul>li{font-size:.8rem;list-style:inside;margin-top:.2rem}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item .tags{border-top:.1rem solid var(--bg-color-400);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem;margin-top:1rem;padding-top:.8rem}section#Qualification .page .sub-section .qualification-tabs .content-div .content .qualification-item .tags span{background-color:var(--bg-color-400);border-radius:10rem;font-size:.7rem;padding:.2rem .6rem}section#Qualification .center{align-items:center;display:flex;flex-direction:column;justify-content:center}.home{height:100%}.home .home-container{height:100%;width:100%}
/*# sourceMappingURL=main.ea30cbd5.css.map*/