@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";.left-wrapper{border-right:.01px solid rgb(53 46 46);height:99vh;width:18vw}.projects-box{padding-left:0}.one-project{list-style:none;border:1px solid grey;border-radius:8px;margin-bottom:.5rem}.project-name{margin-bottom:0}.links-box{display:flex;justify-content:center;align-items:center;gap:2rem;margin-block:.4rem}.project-clicks{color:#fff;font-size:1.5rem;transition:all .2s ease-in-out}.project-clicks:hover{color:gray}.right-wrapper{padding:0 0 1vh;width:80vw;height:99vh;overflow-x:hidden;overflow-y:auto}.top-image-box{padding:3vh 1vh 0 3vh;display:grid;grid-template-columns:1fr 3fr;background-color:#444}.image-circle{border-radius:50%;border:rgb(235,169,13,.3) solid;width:40vh;height:40vh;overflow:hidden}.me-pic{width:40vh;height:40vh;object-fit:cover}.title-box{display:flex;flex-direction:column;justify-content:center;gap:-1vw}.my-name{text-align:start;color:#fff;margin:-.5rem 0;font-size:4rem;font-family:Poppins,sans-serif}.my-title{text-align:start;margin:0}.me-desc{font-size:1vw;text-align:start;padding:3vh 5vh 0}.intro{color:#dcbb00;margin:0}.intro-p{margin:0;color:#b1b1b1;font-style:italic}.down-image-box{background-color:#363535;gap:11vw;margin-block:2vh;transition:all .3s}.down-image-box:hover{background-color:#acacac}.tech-scroll{white-space:nowrap;display:flex;justify-content:space-between;gap:26vw;width:100%;animation:scroll 55s linear infinite}.tech-scroll:hover{color:#000;animation-play-state:paused}.tech-list{width:100%;list-style-type:none;align-items:center;gap:2vw;padding:2vh 0;margin:0;white-space:nowrap;transform-origin:right center}.tech-item{display:inline-block}.tech-item>*{margin:0}.tech-list p{font-size:1vw;width:7vw}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-132.5%)}}.social-wrapper{background-color:#444}.socials{background-color:#444;display:flex;justify-content:center}.connect{margin:0}.social-box{position:relative;display:flex;gap:.5vh;width:45vh;height:6vh;list-style-type:none;font-size:1.5vh;background-color:#838383;color:#000;padding:1vh;transition:all .5s ease-out}.soc-icon{height:6vh;transition:all .2s ease-in;opacity:.4}.soc-icon:hover{opacity:1}.soc1-box{display:flex;align-items:center;gap:1vh;transition:all .5s ease-out}.soc1-desc{text-align:start}.soc1-desc>*{margin:0%}.soc1-icon{height:6vh}.soc-link{color:#fff;text-decoration:none}.soc-x{position:absolute;top:0;right:1vh;margin:0;cursor:pointer}.contact-box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid rgb(65,65,65);background-color:#282828}.con-left,.con-middle,.con-right{padding:1.2rem 1rem}.con-left{border-right:1px solid rgb(65,65,65)}.con-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;border-right:1px solid rgb(65,65,65)}.con-head{margin-block:.5vh;text-align:start}.box-box{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem}.con-form{display:flex;flex-direction:column;gap:1vh}.con-form>*{position:relative;padding:.5rem;border-radius:5px;color:#fff;background-color:#000;border:1px solid rgb(65,65,65)}.con-send{align-self:start;width:20%;padding:1.5vh;color:#000;background-color:#cecece}.resume-box{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%}.resume-box button{border-radius:8px;padding:.6rem 1.5rem;color:#fff;background-color:#444;border:1px solid rgb(100,100,100);cursor:pointer;font-size:.85rem;letter-spacing:.05em;transition:background-color .2s}.resume-box button:hover{background-color:#5a5a5a}.call-btn{font-size:1.4rem}.number{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#d2d2d2;text-decoration:none;background-color:#363535;padding:.5rem 1rem;border-radius:8px;width:100%;justify-content:center;transition:background-color .2s}.number:hover{background-color:#444}.address{font-size:.8rem;color:#b4b4b4;text-decoration:none;background-color:#363535;padding:.5rem 1rem;border-radius:8px;display:block;text-align:center;transition:background-color .2s}.address:hover{background-color:#444}.pjd-wrapper{position:absolute;right:0;padding-top:5vh;top:0;width:100%;height:90%;background-color:#474747;z-index:1}.embla{max-width:48rem;margin:auto;--slide-height: 14rem;--slide-spacing: .5rem;--slide-size: 100%}.embla__viewport{overflow:hidden}.embla__container{backface-visibility:hidden;display:flex;touch-action:pan-x;margin-top:calc(var(--slide-spacing) * -1);height:calc(var(--slide-spacing) + var(--slide-height));flex-direction:column}.embla__slide{flex:0 0 var(--slide-size);min-height:0;padding-top:var(--slide-spacing)}.embla__slide__number{border-radius:10px;border-left:3px solid rgb(131,131,131);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:90%;padding:.8rem 1rem .8rem .8rem;background-color:#363535;position:relative;overflow:hidden}.embla__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.embla__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-items:center}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:3.6rem;height:3.6rem;z-index:1;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__dots{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-right:calc((2.6rem - 1.4rem) / 2 * -1)}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.embla__dot:after{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:1.4rem;height:1.4rem;border-radius:50%;display:flex;align-items:center;content:""}.embla__dot--selected:after{box-shadow:inset 0 0 0 .2rem var(--text-body)}.xp-position{font-size:.85rem;font-weight:700;color:#ebebeb;margin:0 0 .25rem;text-align:start;line-height:1.2}.xp-company{font-size:.75rem;font-weight:600;color:#c8c8c8;margin:0 0 .4rem;text-align:start}.xp-date{font-size:.65rem;font-style:italic;position:absolute;bottom:.5rem;right:.6rem;color:#b4b4b4;background-color:#464646;padding:.1rem .5rem;border-radius:8px}.xp-role{font-size:.65rem;color:#a0a0a0;text-align:start;line-height:1.4;margin-bottom:.1rem}.embla__slide__number ul{margin:0;padding-left:1rem}.pjd-close{font-size:1.5rem}.pjd-title{margin-block:.2rem}.pjd-main{display:grid;grid-template-columns:1.5fr 1fr;position:relative;height:100%;margin-top:-2.5rem;overflow:hidden}.pjd-img{height:100%;margin-top:-1.5rem}.pjd-img img{height:51vh}.pjd-desc{margin-top:2rem;text-align:start;padding-right:1rem}#root{margin:0 auto;padding:.5vh;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.full-page{display:grid;grid-template-columns:1fr 4fr}.mobile-wait{display:none}@media screen and (max-width: 1279px){.full-page{display:none}.mobile-wait{display:block}.mob-notice{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;color:#15326f;text-align:center;padding-top:4rem}.mnp{animation:moveUpDown 3s ease-in-out infinite}@keyframes moveUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;height:99vh}body{background-color:#1d1d1d;color:#fff;margin:0;place-items:center;min-width:320px;min-height:100vh}