@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);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}:root{--header-height:3rem;--font-semi:600;--body-font:"Poppins",sans-serif;--big-font-size:2rem;--h2-font-size:1.25rem;--normal-font-size:0.938rem;--smaller-font-size:0.75rem;--mb-2:1rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:3rem;--z-back:-10;--z-fixed:100}@media screen and (min-width:968px){:root{--big-font-size:3.5rem;--h2-font-size:2rem;--normal-font-size:1rem;--smaller-font-size:0.875rem}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0d1730;color:var(--second-color);font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);margin:3rem 0 0;margin:var(--header-height) 0 0 0}h1,h2,p,ul{margin:0}ul{list-style:none;padding:0}a{text-decoration:none}img{display:block;height:auto;max-width:100%}.section-title{color:#3e6ff4;color:var(--first-color);font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:2rem;margin-bottom:var(--mb-4);margin-top:1rem;margin-top:var(--mb-2);position:relative;text-align:center}.section-title:after{background-color:#3e6ff4;background-color:var(--first-color);content:"";height:.18rem;left:0;margin:auto;position:absolute;right:0;top:2rem;width:64px}.section{padding-bottom:2rem;padding-top:3rem}.bd-grid{display:grid;margin-left:1rem;margin-left:var(--mb-2);margin-right:1rem;margin-right:var(--mb-2);max-width:1024px}.l-header{background-color:#fff;box-shadow:0 1px 4px #92a1b026;left:0;position:fixed;top:0;width:100%;z-index:100;z-index:var(--z-fixed)}.nav{align-items:center;display:flex;font-weight:600;font-weight:var(--font-semi);height:3rem;height:var(--header-height);justify-content:space-between}@media screen and (max-width:767px){.nav__menu{background-color:#0d1730;background-color:var(--second-color);height:100%;padding:2rem;position:fixed;right:-100%;top:3rem;top:var(--header-height);transition:.5s;width:80%}}.nav__item{margin-bottom:2rem;margin-bottom:var(--mb-4)}.nav__link{color:#fff}.nav__link,.nav__link:hover{position:relative}.nav__link:hover:after{background-color:#3e6ff4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.nav__logo,.nav__toggle{color:#0d1730;color:var(--second-color)}.nav__toggle{cursor:pointer;font-size:1.5rem}.active:after{background-color:#3e6ff4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.show{right:0}.scroll-reveal{opacity:0;transform:translateY(20px)}.home{padding:4rem 0 5rem;position:relative;row-gap:5rem}.home__data{align-self:center}.home__title{font-size:2rem;font-size:var(--big-font-size);margin-bottom:2.5rem;margin-bottom:var(--mb-5);text-align:left}.home__title-color{color:#3e6ff4;color:var(--first-color)}.home__social{display:flex;flex-direction:column}.home__social-icon{color:#0d1730;color:var(--second-color);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--mb-2);width:-webkit-max-content;width:max-content}.home__social-icon:hover{color:#3e6ff4;color:var(--first-color)}.home__img{bottom:0;position:absolute;right:0;width:260px}.home__blob{fill:#3e6ff4;fill:var(--first-color)}.home__blob-img{width:360px}.button{background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;font-weight:var(--font-semi);padding:.75rem 2.5rem;transition:.3s}.button:hover{box-shadow:0 10px 36px #00000026}.about__container{row-gap:2rem}.about__subtitle,.section__detail{margin-bottom:1rem;margin-bottom:var(--mb-2)}.section__detail{align-items:center;display:flex;flex-direction:column}.section__detail_text{font-weight:100;text-align:center}.about__img{justify-self:self-start}.about__img img{border-radius:.5rem;width:480px}.about__text{text-align:left}.skills__section{padding:64px 0 48px}.skills__container{row-gap:2rem;text-align:center}.skills__subtitle{margin-bottom:1rem;margin-bottom:var(--mb-2)}.skills__data,.skills__text{margin-bottom:2rem;margin-bottom:var(--mb-4)}.skills__data{align-items:center;border-radius:.5rem;box-shadow:0 4px 25px #0e243126;display:flex;font-weight:600;font-weight:var(--font-semi);justify-content:space-between;padding:.5rem 1rem;position:relative}.skills__icon{color:#3e6ff4;color:var(--first-color);font-size:2rem;margin-right:1rem;margin-right:var(--mb-2)}.skills__names{align-items:center;display:flex}.skills__bar{background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;bottom:0;height:.25rem;left:0;position:absolute;z-index:-10;z-index:var(--z-back)}.skills__html{width:95%}.skills__css{width:85%}.skills__js{width:65%}.skills__ux{width:85%}.skills__img{border-radius:.5rem}.fade-in-image:focus{animation:fadeIn 5s}.contact__input{border:1.5px solid #0d1730;border:1.5px solid var(--second-color);border-radius:.5rem;font-weight:600;font-weight:var(--font-semi);margin-bottom:2rem;margin-bottom:var(--mb-4);padding:1rem;width:100%}.contact__button,.contact__input{font-size:.938rem;font-size:var(--normal-font-size);outline:none}.contact__button{border:none;cursor:pointer;display:block;margin-left:auto}@media screen and (max-width:320px){.home{row-gap:2rem}.home__img{width:200px}}@media screen and (min-width:576px){.home{padding:4rem 0 2rem}.home__social{align-self:flex-end;flex-direction:row;padding-bottom:2.5rem;padding-top:0}.home__social-icon{margin-bottom:0;margin-right:2rem;margin-right:var(--mb-4)}.home__img{bottom:25%;width:300px}.about__container{align-items:center;grid-template-columns:repeat(2,1fr);text-align:left;text-align:initial}.skills__container{column-gap:1rem;grid-template-columns:.7fr;justify-content:center}.work__container{column-gap:2rem;grid-template-columns:repeat(2,1fr);padding-top:2rem}.contact__form{padding-top:2rem;width:360px}.contact__container{justify-items:center}}@media screen and (min-width:768px){body{margin:0}.section{padding-bottom:3rem;padding-top:4rem}.section-title{margin-bottom:3rem;margin-bottom:var(--mb-6)}.section-title:after{top:3rem;width:80px}.nav{height:4.5rem;height:calc(var(--header-height) + 1.5rem)}.nav__list{display:flex;padding-top:0}.nav__item{margin-bottom:0;margin-left:3rem;margin-left:var(--mb-6)}.nav__toggle{display:none}.nav__link{color:#0d1730;color:var(--second-color)}.home{padding:8rem 0 2rem}.home__img{bottom:10%;width:400px}.about__container{padding-top:2rem}.about__img img{width:480px}.skills__container{align-items:center;column-gap:2rem;grid-template-columns:repeat(2,1fr);text-align:left;text-align:initial}.work__container{column-gap:2rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:992px){.bd-grid{margin-left:auto;margin-right:auto}.home{padding:10rem 0 2rem}.home__img{width:450px}}:root{--hue-color:224;--first-color:hsl(var(--hue-color),89%,60%);--second-color:hsl(var(--hue-color),56%,12%)}.skills{background-color:#f5f5f5;border-radius:8px;margin:20px 0;padding:20px}.category,.skills{align-items:center;display:flex;flex-direction:column;text-align:center}.category{margin-bottom:20px;transition:transform .3s ease-in-out}.category:hover{transform:scale(1.05)}.category h3{color:#3e6ff4;color:var(--first-color);font-size:18px}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0}.skills-list li{background-color:#3e6ff4;background-color:var(--first-color);border-radius:8px;color:#fff;margin-bottom:10px;margin-right:10px;padding:10px 20px;transition:background-color .3s ease-in-out}.skills-list li:hover{background-color:#0d1730;background-color:var(--second-color)}.works{display:flex;flex-wrap:wrap;justify-content:space-between;padding:64px 0 48px}@media (max-width:768px){.works{align-items:center;flex-direction:column}}@media (max-width:576px){.works{padding:10px}}.work__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(400px,1fr))}.work__img{align-items:center;border-radius:.5rem;box-shadow:0 4px 25px #0e243126;display:flex;justify-content:center;overflow:hidden;transition:transform 1s}.work__img img{max-height:100%;max-width:100%;object-fit:cover}.work__img:hover{transform:scale(1.1)}.footer{background-color:var(--second-color);color:#fff;font-weight:var(--font-semi);padding:2rem 0;text-align:center}.footer__title{font-size:2rem}.footer__social,.footer__title{margin-bottom:var(--mb-4)}.footer__icon{color:#fff;font-size:1.5rem;margin:0 var(--mb-2)}.footer__copy{font-size:var(--smaller-font-size)}.works{display:grid;grid-template-columns:1fr;grid-template-rows:200px repeat(1,6fr);margin:0 auto;text-align:center;width:90%}.works h1:first-child{padding:1em}.works h2:first-child:after{border-radius:8px;content:"";display:block;height:4px;margin:0 auto;position:relative;top:20px;width:48px;z-index:-1}.work-card{align-items:center;border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:column;height:445px;justify-content:center;margin:1em auto;overflow:hidden;padding:0;text-align:center;transition:box-shadow .4s ease-out;width:400px}.work-card:hover{box-shadow:var(--shadow)}.work-thumbnail{box-sizing:border-box;grid-column:1/-1;grid-row:2/3;min-height:220px;overflow:hidden}.work-thumbnail img{min-height:220px;object-fit:contain;width:100%}.project-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:inherit}.project-link-button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:5px 10px 10px;padding:5px 10px;text-align:center;text-decoration:none;transition:background-color .3s ease-in-out;width:40%}.languages-list li{border-radius:3px;margin:.1em .5em;padding:.1em}.contact{background-color:#f5f5f5;border-radius:8px;margin:20px 0;padding:64px 0 48px;text-align:center}.contact-info{display:flex;flex-wrap:wrap;justify-content:center}.contact-item{cursor:pointer;margin:20px;text-align:center;transition:transform .3s ease}.contact-item i{font-size:36px;margin-bottom:10px}.contact-item h2{font-size:18px}.contact-item:hover{background-color:#fff;border-radius:8px;transform:scale(1.05)}.fa-envelope:before{content:"\f0e0"}.fa-phone:before{content:"\f095"}.fa-twitter:before{content:"\f099"}.fa-linkedin:before{content:"\f08c"}.fa-github:before{content:"\f09b"}.product-card{align-items:center;border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:column;height:auto;justify-content:center;margin:1em auto;overflow:hidden;padding:0;text-align:center;transition:box-shadow .4s ease-out;width:327px}.product-card:hover{box-shadow:var(--shadow)}.product-thumbnail{box-sizing:border-box;grid-column:1/-1;grid-row:2/3;min-height:220px;overflow:hidden}.product-thumbnail img{min-height:220px;object-fit:contain;width:100%}.product-link-button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin-bottom:5px;margin-top:auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease-in-out;width:60%}.project-link-button:hover{background-color:#2c8f63}.languages-list{display:flex;flex-wrap:wrap;justify-content:center;padding:0}.languages-list li{background-color:#fff;border-radius:5px;color:var(--first-color);cursor:pointer;font-size:14px;font-weight:600;margin:1em .5em;padding:1em .5em;transition:background-color .3s ease}.languages-list li:hover{background-color:#36b37f;color:#fff}.products{display:grid;grid-template-columns:1fr;grid-template-rows:200px repeat(1,6fr);margin:0 auto;padding:64px 0 48px;text-align:center;width:90%}.products h1:first-child{padding:1em}.products h2:first-child:after{border-radius:8px;content:"";display:block;height:4px;margin:0 auto;position:relative;top:20px;width:48px;z-index:-1}@media (max-width:768px){.products{align-items:center;flex-direction:column}}@media (max-width:576px){.products{padding:10px}}.product__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product__img{align-items:center;border-radius:.5rem;box-shadow:0 4px 25px #0e243126;display:flex;justify-content:center;overflow:hidden;transition:transform 1s}.product__img img{max-height:200px;max-width:100%;object-fit:cover}.product__img:hover{transform:scale(1.1)}
/*# sourceMappingURL=main.471ea002.css.map*/