body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:1225px){body{--default-font-size:20px}.app-main{row-gap:50px}.app-Aboutmoi,.app-main{display:flex;flex-direction:column}.app-Aboutmoi{color:#fff;height:800px;margin-top:100px;width:100vw}.abm-section-1{background-color:#000;flex-direction:column;padding:50px;row-gap:50px}.abm-jt-ptr,.abm-section-1{align-items:center;display:flex;justify-content:center}.abm-jt-ptr{column-gap:40px;flex-direction:row}.my-JT{align-items:center;display:flex;flex-direction:column;justify-content:center}.job-Title{font-size:80px}.job-Me-1,.job-Me-2{font-size:28px}.job-Me-1{animation:job-m1 1s ease-in-out forwards}.job-Me-2{animation:job-m2 .85s ease-in-out 1s forwards;opacity:0}@keyframes job-m1{0%{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}@keyframes job-m2{0%{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}.my-Portrait{border:none;border-radius:4.5px;height:850px;width:800px}.myP-Img{border-radius:4.5px;height:100%;width:100%}.abm-text-001 p{font-size:22px}.abm-section-2{align-items:center;column-gap:0;display:flex;flex-direction:row;justify-content:center;margin-left:20%;margin-top:100px}.abm-text{background-color:#000;border-radius:8.5px 0 0 10px;font-size:var(--default-font-size);opacity:0;padding:100px;text-align:justify;width:850px}.abm-text-show{animation:abmt .85s ease-in forwards}.abm-ele{background-color:purple;height:350px;opacity:0;width:850px}.abm-ele-show{animation:abme .55s ease-in .9s forwards}.abm-ele-img{height:100%;width:100%}@keyframes abmt{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes abme{0%{opacity:0}to{opacity:1}}.abm-section-3{align-items:center;background-color:#000;border-radius:6.5px 0 0 6.5px;box-shadow:-5px -5px -5px 5px #000;column-gap:0;display:flex;flex-direction:column;justify-content:center;margin-left:20%;margin-top:100px;padding:30px 20px}.abms-tl{font-size:65px}.abms001,.abms002,.abms003,.abms004,.abms005,.abms006,.abms007,.abms008,.abms009,.abms010,.abms011{column-gap:30px;display:flex;flex-direction:row;justify-content:center;margin-top:20px}.abm-skill{color:#fff;font-size:40px}.abm-skill-show{animation:abm_sl .5s ease-in-out forwards}.abms-img{align-content:center;color:#fff;font-size:30px}.abms-img-show{animation:abmsimg .5s ease-in-out forwards}@keyframes abm_sl{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes abmsimg{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.pg-footer{align-items:flex-end;background-color:#220202}.pageSwitcher,.pg-footer{display:flex;flex:1 1;justify-content:flex-end;margin-top:30px;width:100vw}.pageSwitcher{align-items:center;background-color:gray}.btn-PageSwitcher{align-items:center;background-color:#000;border:none;border-radius:8.5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:30px;font-weight:550;height:45px;justify-content:center;margin:20px;transition:hover,.5s;width:350px}.btn-PageSwitcher:hover{color:cyan}.bps-arrow{height:45px;margin-left:30px;width:45px}.bps-arrow-show{animation:arrow_1 .3s ease forwards}@keyframes arrow_1{0%{transform:translateX(-220px)}to{transform:translateX(0)}}}@media (min-width:830px) and (max-width:1225px){body{--default-font-size:20px}.app-main{flex:1 1;row-gap:50px}.app-Aboutmoi,.app-main{display:flex;flex-direction:column;width:100vw}.app-Aboutmoi{align-items:flex-start;color:#fff;flex:1 1;height:800px;justify-content:flex-start;margin-top:100px}.abm-section-1{background-color:#000;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:50px;position:relative;row-gap:50px}.abm-jt-ptr,.abm-section-1{align-items:center;display:flex;justify-content:center}.abm-jt-ptr{column-gap:40px;flex-direction:row}.my-JT{align-items:center;display:flex;flex-direction:column;justify-content:center}.job-Title{font-size:80px}.job-Me-1,.job-Me-2{font-size:28px}.job-Me-1{animation:job-m1 1s ease-in-out forwards}.job-Me-2{animation:job-m2 .85s ease-in-out 1s forwards;opacity:0}@keyframes job-m1{0%{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}@keyframes job-m2{0%{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}.my-Portrait{border:none;height:-webkit-max-content;height:max-content;opacity:.2;position:absolute;top:0}.my-Portrait,.myP-Img{border-radius:4.5px;display:flex;flex:1 1;width:100vw}.myP-Img{height:900px;z-index:2}.abm-text-001{display:flex;flex:1 1;flex-wrap:wrap;width:100%}.abm-text-001 p{font-size:18px}.abm-section-2{align-items:center;column-gap:0;height:1000px;justify-content:center}.abm-section-2,.abm-text{background-color:#000;display:flex;flex:1 1;flex-direction:column;margin-top:100px;width:100vw}.abm-text{border-radius:8.5px 0 0 10px;font-size:var(--default-font-size);opacity:0;text-align:justify}.abm-text-show{animation:abmt .85s ease-in forwards}.abm-ele{background-color:purple;height:350px;margin-top:100px;opacity:0;width:850px}.abm-ele-show{animation:abme .55s ease-in .9s forwards}.abm-ele-img{height:100%;width:100%}@keyframes abmt{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes abme{0%{opacity:0}to{opacity:1}}.abm-section-3{align-items:flex-start;background-color:hsla(0,0%,7%,.876);border-radius:6.5px 0 0 6.5px;box-shadow:-5px -5px -5px 5px #000;column-gap:0;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-top:100px;width:100vw}.abms-tl{font-size:65px;margin-left:30px}.abms001,.abms002,.abms003,.abms004,.abms005,.abms006,.abms007,.abms008,.abms009,.abms010,.abms011{column-gap:30px;display:flex;flex-direction:row;justify-content:center;margin-left:30px;margin-top:20px}.abm-skill{color:#fff;font-size:40px}.abm-skill-show{animation:abm_sl .5s ease-in-out forwards}.abms-img{align-content:center;color:#fff;font-size:30px}.abms-img-show{animation:abmsimg .5s ease-in-out forwards}@keyframes abm_sl{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes abmsimg{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.pg-footer{align-items:flex-end;background-color:#220202;justify-content:flex-end}.pageSwitcher,.pg-footer{display:flex;flex:1 1;width:100vw}.pageSwitcher{align-items:flex-start;background-color:gray;justify-content:flex-start;margin-bottom:40px;margin-top:40px}.btn-PageSwitcher{align-items:center;background-color:#000;border:none;border-radius:8.5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:30px;font-weight:550;height:45px;justify-content:center;margin:30px;transition:hover,.5s;width:350px}.btn-PageSwitcher:hover{color:cyan}.bps-arrow{height:45px;margin-left:30px;width:45px}.bps-arrow-show{animation:arrow_1 .3s ease forwards}@keyframes arrow_1{0%{transform:translateX(-220px)}to{transform:translateX(0)}}}@media(max-width:830px){body{--default-font-size:20px}.app-main{flex:1 1;row-gap:50px}.app-Aboutmoi,.app-main{display:flex;flex-direction:column;width:100vw}.app-Aboutmoi{align-items:flex-start;color:#fff;flex:1 1;height:800px;justify-content:flex-start;margin-top:100px}.abm-section-1{background-color:#000;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:50px;position:relative;row-gap:50px}.abm-jt-ptr,.abm-section-1{align-items:center;display:flex;justify-content:center}.abm-jt-ptr{column-gap:40px;flex-direction:row}.my-JT{align-items:center;display:flex;flex-direction:column;justify-content:center}.job-Title{font-size:40px}.job-Me-1,.job-Me-2{font-size:20px}.job-Me-1{animation:job-m1 1s ease-in-out forwards}.job-Me-2{animation:job-m2 .85s ease-in-out 1s forwards;opacity:0}@keyframes job-m1{0%{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}@keyframes job-m2{0%{opacity:0;transform:translateX(-15%)}to{opacity:1;transform:translateX(0)}}.my-Portrait{border:none;height:-webkit-max-content;height:max-content;opacity:.2;position:absolute;top:0}.my-Portrait,.myP-Img{border-radius:4.5px;display:flex;flex:1 1;width:100vw}.myP-Img{height:900px;z-index:2}.abm-text-001{display:flex;flex:1 1;flex-wrap:wrap;width:100%}.abm-text-001 p{font-size:18px}.abm-section-2{align-items:center;column-gap:0;height:1000px;justify-content:center}.abm-section-2,.abm-text{background-color:#000;display:flex;flex:1 1;flex-direction:column;margin-top:100px;width:100vw}.abm-text{border-radius:8.5px 0 0 10px;flex-wrap:wrap;font-size:16px;opacity:0;text-align:justify}.abm-text-show{animation:abmt .35s ease-in forwards}.abm-text p{padding:15px 25px}.abm-ele{background-color:purple;display:flex;flex:1 1;height:350px;margin-bottom:60px;margin-top:60px;opacity:0;width:100vw}.abm-ele-show{animation:abme .55s ease-in .9s forwards}.abm-ele-img{height:100%;width:100%}@keyframes abmt{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes abme{0%{opacity:0}to{opacity:1}}.abm-section-3{align-items:flex-start;background-color:hsla(0,0%,7%,.876);border-radius:6.5px 0 0 6.5px;box-shadow:-5px -5px -5px 5px #000;column-gap:0;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-top:100px;width:100vw}.abms-tl{font-size:30px;font-weight:500;margin-left:30px}.abms001,.abms002,.abms003,.abms004,.abms005,.abms006,.abms007,.abms008,.abms009,.abms010,.abms011{column-gap:30px;display:flex;flex-direction:row;font-size:30px;justify-content:center;margin-left:30px;margin-top:20px}.abm-skill{color:#fff;font-size:16px;font-weight:400}.abm-skill-show{animation:abm_sl .5s ease-in-out forwards}.abms-img{align-content:center;color:#fff;font-size:30px}.abms-img-show{animation:abmsimg .5s ease-in-out forwards}@keyframes abm_sl{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes abmsimg{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.pg-footer{align-items:flex-end;background-color:#220202;justify-content:flex-end}.pageSwitcher,.pg-footer{display:flex;flex:1 1;width:100vw}.pageSwitcher{align-items:flex-start;background-color:gray;justify-content:flex-start;margin-bottom:40px;margin-top:40px}.btn-PageSwitcher{align-items:center;background-color:#000;border:none;border-radius:8.5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:30px;font-weight:550;height:45px;justify-content:center;margin:30px;transition:hover,.5s;width:350px}.btn-PageSwitcher:hover{color:cyan}.bps-arrow{height:45px;margin-left:30px;width:45px}.bps-arrow-show{animation:arrow_1 .3s ease forwards}@keyframes arrow_1{0%{transform:translateX(-220px)}to{transform:translateX(0)}}}@media (min-width:830px){.app-Title{display:flex;flex:1 1;flex-direction:row;margin-top:0;padding-left:30px}.my-Title{color:#000}.app-Menu{align-items:center;background-color:#000;color:#fff;column-gap:100px;display:flex;flex:1 1;flex-direction:row;height:100px;justify-content:center;width:100vw}.app-MenuBtn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:40px;font-weight:550;transition:hover,.35s}.app-MenuBtn:hover{text-decoration:underline}}@media (max-width:830px){.app-Title{display:flex;flex:1 1;flex-direction:row;margin-top:0;padding-left:30px}.my-Title{color:#000}.app-Menu{align-items:center;background-color:#000;color:#fff;column-gap:20px;display:flex;flex:1 1;flex-direction:row;height:100px;justify-content:center;width:100vw}.app-MenuBtn{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:500;transition:hover,.35s}.app-MenuBtn:hover{text-decoration:underline}}body{--my-canvas-bkg:radial-gradient(#078bea,#10baba);--my-canvas-bkg-layer:radial-gradient(rgba(61,61,204,.811),rgba(16,186,186,.709))}@media(min-width:600px){.pf-ct{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;position:fixed;top:0;width:100%}.pf-contact{background-color:#454242f2;border:none;border-radius:5.5px;color:#fff;height:600px;padding:25px 30px;position:relative;width:800px}.pf-ct-shutdown{border:none;border-radius:100%;cursor:pointer;font-size:30px;padding:5px 8px;position:absolute;right:5px;top:5px;transition:hover,.25s}.pf-ct-shutdown:hover{background-color:#000;color:#fff}.contact-info{display:flex;flex-direction:column;margin-top:80px;width:100%}#info001e001,#info001x001{align-items:center;display:flex;justify-content:center;width:120px}#info001e002,#info001x002{padding-left:1.5px}.info-text{color:#fff;font-size:25px;text-decoration:none;transition:hover,.45s}.info-text:hover{text-decoration:underline}.info001,.info001e{column-gap:20px;flex-direction:row;justify-content:left;padding:15px}.info001,.info001e,.info002{align-items:center;display:flex;width:100%}.info002{column-gap:30px;justify-content:center;margin-top:30px;padding:20px}.info-ico-email{height:80px;width:120px}.info-ico{border-radius:100%;height:90px;width:70px}.btn-CanvasView{background-image:var(--my-canvas-bkg);border:none;border-radius:15px;color:#353030;cursor:pointer;font-size:28px;height:40px;transition:hover,.85s;width:200px}.btn-CanvasView:hover{color:#fff}.ct-loading-obj{animation:loader .85s ease-out infinite;border:5px solid #f5f5f5;border-radius:100%;border-top-color:#524a4a;content:none;height:45px;width:45px}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}@media (max-width:600px){.pf-ct{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;position:fixed;top:0;width:100%}.pf-contact{background-color:#454242f2;border:none;border-radius:5.5px;color:#fff;height:100%;padding:1.5px 30px;position:relative;width:96%}.pf-contact h1{font-size:25px}.pf-ct-shutdown{border:none;border-radius:100%;cursor:pointer;font-size:30px;padding:5px 8px;position:absolute;right:25px;top:15px;transition:hover,.25s}.pf-ct-shutdown:hover{background-color:#000;color:#fff}.contact-info{display:flex;flex-direction:column;margin-top:80px;width:100%}#info001e001,#info001x001{align-items:center;border-radius:5.6px;display:flex;justify-content:center;width:60px}#info001e002,#info001x002{padding-left:1.5px}.info-text{color:#fff;font-size:15px;text-decoration:none;transition:hover,.45s}.info-text:hover{text-decoration:underline}.info001,.info001e{column-gap:10px;flex-direction:row;justify-content:left;padding:15px}.info001,.info001e,.info002{align-items:center;display:flex;width:100%}.info002{justify-content:center;margin-top:30px}.info-ico-email{height:35px;width:60px}.info-ico{border-radius:100%;height:30px;width:30px}.btn-CanvasView{animation:canvas 1s ease-out infinite;background-image:var(--my-canvas-bkg);border:none;border-radius:15px;color:#3a3434;cursor:pointer;font-size:22px;height:40px;transition:hover,.85s;width:180px}.btn-CanvasView:hover{color:#fff}.ct-loading-obj{animation:loader .85s ease-out infinite;border:5px solid #f5f5f5;border-radius:100%;border-top-color:#524a4a;content:none;height:45px;width:45px}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes canvas{0%{transform:scale(1)}to{transform:scale(1.1)}}}.my-footer{color:#fff;padding:20px 35px;text-align:justify}@media (min-width:830px){.progress-env{display:flex;justify-content:center}.my-skill-progress{background-color:#24393e;border:none;border-radius:10px;height:20px;width:450px}.progress-value{--my-width: ;background-color:cyan;border:none;border-radius:10px;height:100%;width:0}.progress-value-show{animation:my-progress .5s ease-out .65s forwards}@keyframes my-progress{0%{width:0}to{width:var(--my-width)}}}@media (max-width:830px){.progress-env{display:flex;justify-content:center}.my-skill-progress{background-color:#24393e;border:none;border-radius:10px;height:8px;width:150px}.progress-value{--my-width: ;background-color:cyan;border:none;border-radius:10px;height:100%;width:0}.progress-value-show{animation:my-progress .5s ease-out .65s forwards}@keyframes my-progress{0%{width:0}to{width:var(--my-width)}}}@media (min-width:1230px){.mp-Title{font-size:48px;padding:80px}.pl-Table{background-color:#000;border:3.5px solid #f3eeee;border-collapse:collapse;border-radius:7.5px;color:#fff;width:100vw}.mp-tech-list{color:#fff;font-size:22px}.pl-Table thead{font-size:35px;font-weight:550;height:150px}.pl-Table thead tr td{height:50px}.pl-Table tbody{font-size:25px;font-weight:400}.pl-Table tr,td{border:2.5px solid #ece7e7}.pl-Table .tb-img{color:red;height:600px;position:relative;width:800px}.pj-img{height:100%;opacity:1;width:100%}.pj-img-show{animation:pji-show .35s ease-in forwards}@keyframes pji-show{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.project-url{-webkit-appearance:none;appearance:none;color:#0c4ef6;transition:hover,.135s}.project-url:hover{color:#09e709}.mp-PageSwitcher{align-items:center;background-color:gray;display:flex;flex:1 1;justify-content:flex-start;margin-top:30px;width:100vw}.mp-btn-PageSwitcher{align-items:center;background-color:#000;border:none;border-radius:8.5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:30px;font-weight:550;height:45px;justify-content:center;margin:20px;transition:hover,.5s;width:350px}.mp-btn-PageSwitcher:hover{color:cyan}.mp-bps-arrow{height:45px;width:45px}.mp-bps-arrow-show{animation:arrow_1mp .3s ease forwards}@keyframes arrow_1mp{0%{transform:translateX(220px)}to{transform:translateX(0)}}}@media (min-width:500px) and (max-width:1230px){.mp-Title{font-size:35px;padding:80px}.pl-Table-Container{display:flex;flex:1 1;flex-direction:column;position:relative;width:100vw}.mp-tech-list{font-size:15px}.pl-Table{background-color:#000;border:3.5px solid #f3eeee;border-collapse:collapse;border-radius:7.5px;color:#fff;width:100vw}.mp-tech-list{color:#fff;font-size:22px}.pl-Table thead{font-size:28px;font-weight:550;height:150px}.pl-Table thead tr td{height:50px}.pl-Table tbody{font-size:20px;font-weight:400}.pl-Table tr,td{border:2.5px solid #ece7e7}.pl-Table .tb-img{color:red;height:600px;position:relative;width:800px}.pj-img{height:100%;opacity:1;width:100%}.pj-img-show{animation:pji-show .35s ease-in forwards}@keyframes pji-show{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.project-url{-webkit-appearance:none;appearance:none;color:#0c4ef6;transition:hover,.135s}.project-url:hover{color:#09e709}.mp-PageSwitcher{align-items:center;background-color:gray;display:flex;flex:1 1;justify-content:flex-start;margin-top:30px;width:100vw}.mp-btn-PageSwitcher{align-items:center;background-color:#000;border:none;border-radius:8.5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:30px;font-weight:550;height:45px;justify-content:center;margin:20px 30px;transition:hover,.5s;width:350px}.mp-btn-PageSwitcher:hover{color:cyan}.mp-bps-arrow{height:45px;width:45px}.mp-bps-arrow-show{animation:arrow_1mp .3s ease forwards}@keyframes arrow_1mp{0%{transform:translateX(220px)}to{transform:translateX(0)}}}@media (max-width:540px){.mp-Title{font-size:25px;padding:80px}.pl-Table-Container{display:flex;flex:1 1;flex-direction:column;position:relative;width:100vw}.pl-Table{background-color:#000;border:3.5px solid #f3eeee;border-collapse:collapse;border-radius:7.5px;color:#fff;width:100vw}.pl-Table thead{font-size:18px;font-weight:550;height:150px}.pl-Table thead tr td{height:50px}.pl-Table tbody{font-size:15.5px;font-weight:400}.pl-Table tr,td{border:2.5px solid #ece7e7}.pl-Table .tb-img{color:red;height:300px;position:relative;width:350px}.pj-img{height:100%;opacity:1;width:100%}.pj-img-show{animation:pji-show .35s ease-in forwards}@keyframes pji-show{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.project-url{-webkit-appearance:none;appearance:none;color:#0c4ef6;transition:hover,.135s}.project-url:hover{color:#09e709}.mp-PageSwitcher{align-items:center;background-color:gray;display:flex;flex:1 1;justify-content:flex-start;margin-top:30px;width:100vw}.mp-btn-PageSwitcher{align-items:center;background-color:#000;border:none;border-radius:8.5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:30px;font-weight:550;height:45px;justify-content:center;margin:20px 30px;transition:hover,.5s;width:350px}.mp-btn-PageSwitcher:hover{color:cyan}.mp-bps-arrow{height:45px;width:45px}.mp-bps-arrow-show{animation:arrow_1mp .3s ease forwards}@keyframes arrow_1mp{0%{transform:translateX(220px)}to{transform:translateX(0)}}}
/*# sourceMappingURL=main.702855d2.css.map*/