@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");:root{--header-height:3rem;--font-semi:600;--hue-color:224;--first-color:hsl(var(--hue-color),89%,60%);--second-color:hsl(var(--hue-color),56%,12%);--body-font:"Poppins",sans-serif;--big-font-size:2rem;--h2-font-size:1.25rem;--normal-font-size:.938rem;--smaller-font-size:.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:.875rem}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:var(--header-height) 0 0 0;font-family:var(--body-font);font-size:var(--normal-font-size);color:var(--second-color)}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.section-title{position:relative;font-size:var(--h2-font-size);color:var(--first-color);margin-top:var(--mb-2);margin-bottom:var(--mb-4);text-align:center}.section-title:after{position:absolute;content:"";width:64px;height:.18rem;left:0;right:0;margin:auto;top:2rem;background-color:var(--first-color)}.section{padding-top:3rem;padding-bottom:2rem}.bd-grid{max-width:1024px;display:grid;margin-left:var(--mb-2);margin-right:var(--mb-2)}.l-header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:#fff;box-shadow:0 1px 4px rgba(146,161,176,.15)}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-semi)}@media screen and (max-width:767px){.nav__menu{position:fixed;top:var(--header-height);right:-100%;width:80%;height:100%;padding:2rem;background-color:var(--second-color);transition:.5s}}.nav__item{margin-bottom:var(--mb-4)}.nav__link{color:#fff}.nav__link,.nav__link:hover{position:relative}.nav__link:hover:after{position:absolute;content:"";width:100%;height:.18rem;left:0;top:2rem;background-color:var(--first-color)}.nav__logo,.nav__toggle{color:var(--second-color)}.nav__toggle{font-size:1.5rem;cursor:pointer}.active-link:after{position:absolute;content:"";width:100%;height:.18rem;left:0;top:2rem;background-color:var(--first-color)}.show{right:0}.home{position:relative;row-gap:5rem;padding:4rem 0 5rem}.home__data{align-self:center}.home__title{font-size:var(--big-font-size);margin-bottom:var(--mb-5)}.home__title-color{color:var(--first-color)}.home__social{display:flex;flex-direction:column}.home__social-icon{width:-moz-max-content;width:max-content;margin-bottom:var(--mb-2);font-size:1.5rem;color:var(--second-color)}.home__social-icon:hover{color:var(--first-color)}.home__img{position:absolute;right:0;bottom:0;width:260px}.home__blob{fill:var(--first-color)}.home__blob-img{width:360px}.button{display:inline-block;background-color:var(--first-color);color:#fff;padding:.75rem 2.5rem;font-weight:var(--font-semi);border-radius:.5rem;transition:.3s}.button:hover{box-shadow:0 10px 36px rgba(0,0,0,.15)}.about__container{row-gap:2rem;text-align:center}.about__subtitle{margin-bottom:var(--mb-2)}.about__img{justify-self:center}.about__img img{width:200px;border-radius:.5rem}.skills__container{row-gap:2rem;text-align:center}.skills__subtitle{margin-bottom:var(--mb-2)}.skills__data,.skills__text{margin-bottom:var(--mb-4)}.skills__data{display:flex;justify-content:space-between;align-items:center;position:relative;font-weight:var(--font-semi);padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 4px 25px rgba(14,36,49,.15)}.skills__icon{font-size:2rem;margin-right:var(--mb-2);color:var(--first-color)}.skills__names{display:flex;align-items:center}.skills__bar{position:absolute;left:0;bottom:0;background-color:var(--first-color);height:.25rem;border-radius:.5rem;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}.skills__category{color:var(--first-color);font-size:var(--h2-font-size);margin-bottom:var(--mb-2);margin-top:var(--mb-4)}.skills__category:first-child{margin-top:0}.skills__list{margin-bottom:var(--mb-4);line-height:1.6}.work__container{row-gap:3rem}.work__project{background:#fff;border-radius:.5rem;box-shadow:0 4px 25px rgba(14,36,49,.15);overflow:hidden;transition:transform .3s}.work__project:hover{transform:translateY(-5px)}.work__img{overflow:hidden;height:250px}.work__img img{transition:.3s}.work__img img:hover{transform:scale(1.05)}.work__content{padding:1.5rem}.work__title{font-size:var(--h2-font-size);color:var(--second-color);margin-bottom:var(--mb-2)}.work__description{margin-bottom:var(--mb-4);line-height:1.6}.work__button{margin:0}.resume__container{row-gap:3rem;text-align:center}.resume__content,.resume__text{margin-bottom:var(--mb-4)}.resume__text{line-height:1.6;color:var(--second-color)}.resume__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:var(--mb-4)}.resume__button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:var(--normal-font-size);text-decoration:none;transition:all .3s}.resume__button i{font-size:1.2rem}.button--outline{background-color:transparent;color:var(--first-color);border:2px solid var(--first-color)}.button--outline:hover{background-color:var(--first-color);color:#fff}.resume__preview{max-width:800px;margin:0 auto}.resume__frame{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 25px rgba(14,36,49,.15);background:#fff}.resume__frame iframe{border:none;width:100%;height:600px;display:block}.contact__input{width:100%;font-weight:var(--font-semi);padding:1rem;border-radius:.5rem;border:1.5px solid var(--second-color);margin-bottom:var(--mb-4)}.contact__button,.contact__input{font-size:var(--normal-font-size);outline:none}.contact__button{display:block;border:none;cursor:pointer;margin-left:auto}.footer{background-color:var(--second-color);color:#fff;text-align:center;font-weight:var(--font-semi);padding:2rem 0}.footer__title{font-size:2rem}.footer__social,.footer__title{margin-bottom:var(--mb-4)}.footer__icon{font-size:1.5rem;color:#fff;margin:0 var(--mb-2)}.footer__copy{font-size:var(--smaller-font-size)}@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{padding-top:0;padding-bottom:2.5rem;flex-direction:row;align-self:flex-end}.home__social-icon{margin-bottom:0;margin-right:var(--mb-4)}.home__img{width:300px;bottom:25%}.about__container{grid-template-columns:repeat(2,1fr);align-items:center;text-align:initial}.skills__container{grid-template-columns:.7fr;justify-content:center;-moz-column-gap:1rem;column-gap:1rem}.work__container{grid-template-columns:repeat(2,1fr);-moz-column-gap:2rem;column-gap:2rem;padding-top:2rem}.resume__container{grid-template-columns:1fr;text-align:initial}.contact__form{width:360px;padding-top:2rem}.contact__container{justify-items:center}}@media screen and (min-width:768px){body{margin:0}.section{padding-top:4rem;padding-bottom:3rem}.section-title{margin-bottom:var(--mb-6)}.section-title:after{width:80px;top:3rem}.nav{height:calc(var(--header-height) + 1.5rem)}.nav__list{display:flex;padding-top:0}.nav__item{margin-left:var(--mb-6);margin-bottom:0}.nav__toggle{display:none}.nav__link{color:var(--second-color)}.home{padding:8rem 0 2rem}.home__img{width:400px;bottom:10%}.about__container{padding-top:2rem}.about__img img{width:300px}.skills__container{grid-template-columns:repeat(2,1fr);align-items:center;text-align:initial}.skills__container,.work__container{-moz-column-gap:2rem;column-gap:2rem}.work__container{grid-template-columns:repeat(3,1fr)}.resume__container{grid-template-columns:1fr 1.5fr;-moz-column-gap:3rem;column-gap:3rem;align-items:start}.resume__content{text-align:left}.resume__buttons{justify-content:flex-start}}@media screen and (min-width:992px){.bd-grid{margin-left:auto;margin-right:auto}.home{padding:10rem 0 2rem}.home__img{width:450px}}.font-poppins{font-family:Poppins,sans-serif}.text-second-color{color:var(--second-color)}.case-study{max-width:1024px;margin:0 auto;padding:2rem}.case-study-header{margin-bottom:3rem}.back-button{color:var(--first-color);font-weight:var(--font-semi);margin-bottom:1rem;display:inline-block}.case-study-header h1{font-size:var(--big-font-size);color:var(--second-color);margin-bottom:.5rem}.case-study-subtitle{color:var(--first-color);font-size:var(--h2-font-size)}.hero-section{margin-bottom:3rem}.hero-section img{width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 25px rgba(14,36,49,.15);-o-object-fit:contain;object-fit:contain;display:block}.project-overview{margin-bottom:3rem}.project-overview h2{color:var(--first-color);font-size:var(--h2-font-size);margin-bottom:var(--mb-2)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.detail-grid h3{color:var(--first-color);margin-bottom:.5rem}.button-container{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.case-study ul{margin:1rem 0;padding-left:1.5rem}.case-study li{margin-bottom:.5rem;line-height:1.6}@media screen and (max-width:768px){.case-study{padding:1rem}.detail-grid{grid-template-columns:1fr;gap:1rem}.resume__buttons{flex-direction:column;align-items:center}.resume__button{width:100%;max-width:250px;justify-content:center}.resume__frame iframe{height:400px}}