:root{--background-color: #fff;--btn-color: #0987f2;--btn-text-color: #fff;--project-card-bg: #ffffff00;--text-color: hsl(0, 0%, 13%);--form-text-color: #555;--footer-text-color: #888;--header-height: 3rem}[data-theme=dark]{--background-color: #222;--btn-color: #fff;--btn-text-color: #222;--project-card-bg: #fff;--text-color: #fff;--form-text-color: #fff;--footer-text-color: #bbb;--header-height: 3rem}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0 auto 60px}#root{display:flex;flex-direction:column;gap:60px}h1,h2,h3,p,span{color:var(--text-color);margin:0;padding:0}h2,h3,p,span,a{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2,h3{font-size:20px}h1{font-family:Rubik,sans-serif;font-size:32px}p{font-size:16px;font-weight:300}ul{list-style:none}a{text-decoration:none}section{padding:4rem 0 2rem}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (width >=800px){#root{gap:100px}section{padding:6rem 0 2rem}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}}@media (width >=1400px){#root{gap:200px}section{padding:6rem 0 2rem}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}._container_e39bg_1{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;height:100dvh;min-height:500px;align-items:center;margin-top:-90px}._container_e39bg_1 span{display:flex;gap:25px;justify-content:center}._container_e39bg_1 span a{margin:0}._container_e39bg_1 span a ._icons_e39bg_43{width:30px;height:30px}._container_e39bg_1 a{width:fit-content;align-self:center}._container_e39bg_1 button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}._container_e39bg_1 button:hover{transform:scale(1.1)}._container_e39bg_1 button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_e39bg_111{position:relative}._colorModeContainer_e39bg_111 ._hero_e39bg_119{position:relative;cursor:pointer;height:200px;max-width:200px;border-radius:50%;object-fit:cover;background-color:#fff;box-shadow:0 8px 15px #0003;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease,background .3s ease;background:linear-gradient(45deg,#ff9a9e,#fad0c4 99%,#fad0c4)}._colorModeContainer_e39bg_111 ._hero_e39bg_119:hover{transform:scale(1.05);opacity:.9;box-shadow:0 12px 20px #0000004d;background:linear-gradient(45deg,#ffecd2,#fcb69f);animation:_gradientBG_e39bg_1 5s ease infinite}._colorModeContainer_e39bg_111 ._hero_e39bg_119:hover:after{opacity:1;text-shadow:2px 2px 8px rgba(0,0,0,.5)}@keyframes _gradientBG_e39bg_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}._colorModeContainer_e39bg_111 ._hero_e39bg_119{background-size:200% 200%}._colorMode_e39bg_111{position:absolute;right:0;width:25px}._colorMode_e39bg_111:hover{cursor:pointer}._description_e39bg_233{max-width:32ch}._info_e39bg_241{display:flex;flex-direction:column;gap:20px}@media (width >= 800px){._container_e39bg_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._container_e39bg_1 ._colorModeContainer_e39bg_111 ._hero_e39bg_119{height:350px;max-width:350px;border-radius:50%;object-fit:cover}._description_e39bg_233{max-width:34ch}}@media (width >= 1400px){._container_e39bg_1 ._colorModeContainer_e39bg_111 ._hero_e39bg_119{height:450px;max-width:450px;border-radius:50%;object-fit:cover}._description_e39bg_233{max-width:44ch}}._container_8x9d6_1{display:flex;flex-direction:column;text-align:center}._container_8x9d6_1 span{display:flex;align-items:center;gap:5px}._container_8x9d6_1 img{width:20px}._skillList_8x9d6_33{display:flex;justify-content:space-evenly;align-self:center;flex-wrap:wrap;row-gap:40px;max-width:26ch}hr{width:100px;height:1px;border:none;background-color:var(--text-color);margin:30px auto}@media (width >= 800px){._skillList_8x9d6_33{max-width:fit-content;gap:30px}._skillList_8x9d6_33 p{font-size:20px}hr{width:300px}}._container_rhsph_1{display:flex;flex-direction:column;text-align:center}._container_rhsph_1 span{margin-top:-60px}._worksContainer_rhsph_21{display:flex;flex-direction:column;align-items:center;gap:30px}@media screen and (max-width: 768px){._container_rhsph_1 span{margin-top:-30px}}.projectTitle{display:flex;justify-content:center;align-items:center;margin-top:35px;margin-bottom:-35px}.work__filters{display:flex;justify-content:center;align-items:center;column-gap:.75rem;margin-top:60px;margin-bottom:2rem}.work__item{cursor:pointer;gap:10px;color:var(--text-color);padding:.25rem .75rem;font-weight:500;border-radius:.5rem;text-transform:capitalize;transition:.2s ease-in-out,transform .2s ease-in-out}.work__item:hover{background-color:var(--btn-color);color:var(--background-color);transform:scale(1.1)}.work__item:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}.work__container{grid-template-columns:repeat(3,max-content);gap:3rem;justify-content:center}.work__summary{font-size:12px;max-width:45ch;margin-top:-15px;margin-bottom:10px;text-align:justify;color:#212121}.readMore{color:#212121}.grid{display:grid;gap:1.5rem}.workButtonContainer{display:flex;justify-items:center;align-items:center;justify-content:center}.workBottons{display:flex;justify-content:space-between}.WorkIcons{display:flex;gap:5px}.workButtonIcon{width:15px;height:15px}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}button.learn-more{width:15rem;height:auto}button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:var(--btn-color);border-radius:1.625rem}button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:var(--background-color)}button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.29rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid var(--background-color);border-right:.125rem solid var(--background-color);transform:rotate(45deg)}button.learn-more .button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:var(--text-color);font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:var(--background-color);transform:translate(1rem)}button:hover .button-text{color:var(--background-color)}.work__card{background-color:var(--project-card-bg);border:1px solid rgba(0,0,0,.1);padding:1.25rem;border-radius:1rem;transition:transform .2s ease-in-out}.work__card:hover{transform:scale(1.05)}.work__img{width:295px;height:215px;border-radius:1rem;margin-bottom:1rem;object-fit:cover}.work__title{font-size:1rem;font-weight:500;margin-bottom:1.5rem;transition:transform .2s ease-in-out;color:#212121}.work__title:hover{transform:scale(1.1)}.work__button{width:fit-content;text-decoration:none;color:#222;transition:.2s ease-in-out,transform .2s ease-in-out;font-size:16px;display:flex;align-items:center;column-gap:.25rem;border-radius:.5rem;padding:.25rem}.work__button:hover{transform:scale(1.1)}.work__button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}.work__button-icon{font-size:1rem;transition:.4s}.work__button:hover .work__button-icon{transform:translate(00.25rem)}.active-work{background-color:var(--btn-color);color:var(--background-color)}@media screen and (max-width: 1100px){.work__container{grid-template-columns:repeat(2,max-content);gap:1.25rem}.work__card{padding:1rem}.work__img{margin-bottom:.75rem}.work__title{margin-bottom:1.25rem}}@media screen and (max-width: 768px){.work__container{grid-template-columns:max-content}}@media screen and (max-width: 576px){.work__container{grid-template-columns:.8fr}.work__img{width:100%}}@media screen and (max-width: 350px){.work__item{font-size:16px}.work__filters{column-gap:.25rem}}._container_qf686_1{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:50px;padding-left:16px;width:250px}textarea{padding-top:16px;resize:none;height:250px}input,textarea{border-radius:20px;border:#888 1px solid;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--form-text-color)}::placeholder{color:var(--form-text-color)}input[type=submit]{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;margin:auto}input[type=submit]:hover{transform:scale(1.1)}input[type=submit]:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}@media (width >= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}form{gap:40px}}@media (width >= 1400px){textarea,input:not([type=submit]){width:800px}}._container_1dil4_1{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;align-items:center}._container_1dil4_1 img{border-radius:15px}._container_1dil4_1 ._Icons_1dil4_27{display:flex;flex-direction:row;gap:15px;align-items:center;text-align:center;width:100%;justify-content:space-evenly;padding-bottom:10px}._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47{display:flex;flex-direction:row;gap:10px}._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47 a{color:var(--text-color);width:fit-content}._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47 a svg{width:2rem;height:2rem}._detailBox_1dil4_83{display:flex;flex-direction:column;gap:20px;align-items:center;max-width:125ch;text-align:justify}._detailIcon_1dil4_103{width:30px;height:30px}._detailCategory_1dil4_113{gap:10px}._detailSummary_1dil4_121{font-size:16px;color:#888}._detailDescription_1dil4_131{font-weight:400;letter-spacing:-1px}._detailTech_1dil4_145{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;margin-top:20px;width:100%}._detailTechTitle_1dil4_163{font-size:25px;width:100%;display:flex;justify-content:flex-start}._detailTechused_1dil4_175{display:flex;flex-direction:row;gap:10px;align-items:center;text-align:center;width:100%;justify-content:center;margin-right:40px}._detailTechIcons_1dil4_197{gap:15px;color:var(--text-color);cursor:pointer;transition:.3s;transition:.2s ease-in-out,transform .2s ease-in-out}._detailTechIcons_1dil4_197:hover{transform:scale(1.1)}._heading1_1dil4_219,._heading2_1dil4_219,._heading3_1dil4_219{margin:10px 0}._list_1dil4_227{color:var(--text-color);font-family:Roboto Mono,monospace}@media screen and (max-width: 1100px){._detailBox_1dil4_83{max-width:100ch}._detailSummary_1dil4_121{font-size:14px}}@media screen and (max-width: 800px){._detailBox_1dil4_83{max-width:80ch}._detailSummary_1dil4_121{font-size:12px}}@media screen and (max-width: 600px){._container_1dil4_1 img{width:75%;height:75%}._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47 a svg{width:1.5rem;height:1.5rem}._detailBox_1dil4_83{margin:0 20px;max-width:60ch}._detailSummary_1dil4_121{font-size:10px}}@media screen and (max-width: 480px){._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47 a svg{width:1.25rem;height:1.25rem}._detailBox_1dil4_83{margin:0 20px;max-width:45ch}}@media screen and (max-width: 400px){._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47 a svg{width:1rem;height:1rem}._detailBox_1dil4_83{margin:0 20px;max-width:40ch}}@media screen and (max-width: 360px){._container_1dil4_1 ._Icons_1dil4_27 ._iconsBox_1dil4_47 a svg{width:.75rem;height:.75rem}._detailBox_1dil4_83{margin:0 20px;max-width:30ch}}._container_166rk_1{text-align:center;margin-top:-110px}._container_166rk_1 p{font-size:16px;color:var(--footer-text-color);margin:0 30px}@media (width >=800px){._container_166rk_1{margin-top:-200px}}@media (width >=1400px){._container_166rk_1{margin-top:-250px}}.header{width:100%;position:fixed;top:0;left:0;z-index:100;background-color:var(--background-color)}.container{max-width:968px;margin-left:auto;margin-right:auto}.nav{height:calc(var(--header-height) + 1.5rem);display:flex;justify-content:space-between;align-items:center;column-gap:1rem;flex-direction:row}.nav__logo,.nav__toggle{color:var(--text-color);font-weight:600;font-family:Rubik,sans-serif;text-transform:uppercase;letter-spacing:1px}.logoName{color:var(--btn-color)}.nav__list{display:flex;flex-direction:row;column-gap:2rem}.nav__link{display:flex;flex-direction:column;align-items:center;font-size:16px;color:var(--text-color);border-radius:.5rem;padding:.25rem .75rem;transition:.3s;transition:.2s ease-in-out,transform .2s ease-in-out}.menu,.nav__close{width:35px;height:35px}.nav__icon,.nav__close,.nav__toggle{display:none}.active-link,.nav__link:hover{background-color:var(--btn-color);color:var(--background-color);font-weight:600;letter-spacing:5px;transform:scale(1.1)}.nav__link:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}.scroll-header{box-shadow:0 -1px 4px #00000026}@media screen and (max-width: 800px){.header{top:initial;bottom:0}.container{margin-left:1.5rem;margin-right:1.5rem}.nav{height:4rem;display:flex;justify-content:space-between;align-items:center;column-gap:1rem;flex-direction:row}.nav__menu{position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--background-color);padding:2rem .15rem 4rem;box-shadow:0 -1px 4px #00000026;border-radius:1.5rem 1.5rem 0 0;transition:.3s}.show-menu{bottom:0}.nav__list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.nav_icon{font-size:1.2rem}.nav__close{position:absolute;right:1.3rem;bottom:.5rem;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.nav__close:hover{color:var(--text-color)}.nav__toggle{font-size:1.1rem;cursor:pointer}.nav__icon,.nav__close,.nav__toggle{display:block}}@media screen and (max-width: 350px){.container{margin-left:1rem;margin-right:1rem}.nav__menu{padding:2rem .25rem 4rem}.nav__list{column-gap:0}}html{scroll-behavior:smooth}