@import "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}}*,:before,:after{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{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.section-title{font-size:var(--h2-font-size);color:var(--first-color);margin-top:var(--mb-2);margin-bottom:var(--mb-4);text-align:center;position:relative}.section-title:after{content:"";background-color:var(--first-color);width:64px;height:.18rem;margin:auto;position:absolute;top:2rem;left:0;right:0}.section{padding-top:3rem;padding-bottom:2rem}.bd-grid{max-width:1024px;margin-left:var(--mb-2);margin-right:var(--mb-2);display:grid}.l-header{width:100%;z-index:var(--z-fixed);background-color:#fff;position:fixed;top:0;left:0;box-shadow:0 1px 4px #92a1b026}.nav{height:var(--header-height);font-weight:var(--font-semi);justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:767px){.nav__menu{top:var(--header-height);background-color:var(--second-color);width:80%;height:100%;padding:2rem;transition:all .5s;position:fixed;right:-100%}}.nav__item{margin-bottom:var(--mb-4)}.nav__link{color:#fff;position:relative}.nav__link:hover{position:relative}.nav__link:hover:after{content:"";background-color:var(--first-color);width:100%;height:.18rem;position:absolute;top:2rem;left:0}.nav__logo{color:var(--second-color)}.nav__toggle{color:var(--second-color);cursor:pointer;font-size:1.5rem}.active-link:after{content:"";background-color:var(--first-color);width:100%;height:.18rem;position:absolute;top:2rem;left:0}.show{right:0}.home{row-gap:5rem;padding:4rem 0 5rem;position:relative}.home__data{z-index:10;align-self:center;max-width:600px;padding-right:2rem;position:relative}.home__title{font-size:var(--big-font-size);margin-bottom:var(--mb-5)}.home__title-color{color:var(--first-color)}.home__subtitle{color:var(--second-color);margin-bottom:var(--mb-4);max-width:500px;font-size:1.1rem;font-weight:400;line-height:1.6}.home__social{flex-direction:column;display:flex}.home__social-icon{width:max-content;margin-bottom:var(--mb-2);color:var(--second-color);font-size:1.5rem}.home__social-icon:hover{color:var(--first-color)}.home__img{z-index:1;width:260px;position:absolute;bottom:0;right:0}.home__blob{fill:var(--first-color)}.home__blob-img{width:360px}.button{background-color:var(--first-color);color:#fff;font-weight:var(--font-semi);border-radius:.5rem;padding:.75rem 2.5rem;transition:all .3s;display:inline-block}.button:hover{box-shadow:0 10px 36px #00000026}.about__container{text-align:center;row-gap:2rem}.about__subtitle{margin-bottom:var(--mb-2)}.about__img{justify-self:center}.about__img img{border-radius:.5rem;width:200px}.skills__container{text-align:center;row-gap:2rem}.skills__subtitle{margin-bottom:var(--mb-2)}.skills__text{margin-bottom:var(--mb-4)}.skills__data{font-weight:var(--font-semi);margin-bottom:var(--mb-4);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;position:relative;box-shadow:0 4px 25px #0e243126}.skills__icon{margin-right:var(--mb-2);color:var(--first-color);font-size:2rem}.skills__names{align-items:center;display:flex}.skills__bar{background-color:var(--first-color);height:.25rem;z-index:var(--z-back);border-radius:.5rem;position:absolute;bottom:0;left:0}.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;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 4px 25px #0e243126}.work__project:hover{transform:translateY(-5px)}.work__img{height:250px;overflow:hidden}.work__img img{transition:all .3s}.work__img img:hover{transform:scale(1.05)}.work__content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.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:auto 0 0}.resume__container{text-align:center;row-gap:3rem}.resume__content{margin-bottom:var(--mb-4)}.resume__text{margin-bottom:var(--mb-4);color:var(--second-color);line-height:1.6}.resume__buttons{margin-bottom:var(--mb-4);flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.resume__button{font-size:var(--normal-font-size);align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.resume__button i{font-size:1.2rem}.button--outline{color:var(--first-color);border:2px solid var(--first-color);background-color:#0000}.button--outline:hover{background-color:var(--first-color);color:#fff}.resume__preview{max-width:800px;margin:0 auto}.resume__frame{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 25px #0e243126}.resume__frame iframe{border:none;width:100%;height:600px;display:block}.contact__input{width:100%;font-size:var(--normal-font-size);font-weight:var(--font-semi);border:1.5px solid var(--second-color);margin-bottom:var(--mb-4);border-radius:.5rem;outline:none;padding:1rem}.contact__button{font-size:var(--normal-font-size);cursor:pointer;border:none;outline:none;margin-left:auto;display:block}.footer{background-color:var(--second-color);color:#fff;text-align:center;font-weight:var(--font-semi);padding:2rem 0}.footer__title{margin-bottom:var(--mb-4);font-size:2rem}.footer__social{margin-bottom:var(--mb-4)}.footer__icon{color:#fff;margin:0 var(--mb-2);font-size:1.5rem}.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{flex-direction:row;align-self:flex-end;padding-top:0;padding-bottom:2.5rem}.home__social-icon{margin-bottom:0;margin-right:var(--mb-4)}.home__img{width:300px;bottom:25%}.about__container{text-align:initial;grid-template-columns:repeat(2,1fr);align-items:center}.skills__container{-moz-column-gap:1rem;grid-template-columns:.7fr;justify-content:center;column-gap:1rem}.work__container{-moz-column-gap:2rem;grid-template-columns:repeat(2,1fr);column-gap:2rem;padding-top:2rem}.resume__container{text-align:initial;grid-template-columns:1fr}.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{padding-top:0;display:flex}.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{-moz-column-gap:2rem;text-align:initial;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:2rem}.work__container{-moz-column-gap:2rem;grid-template-columns:repeat(3,1fr);column-gap:2rem}.resume__container{-moz-column-gap:3rem;grid-template-columns:1fr 1.5fr;align-items:start;column-gap:3rem}.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{-o-object-fit:contain;object-fit:contain;border-radius:.5rem;width:100%;height:auto;display:block;box-shadow:0 4px 25px #0e243126}.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{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem;display:grid}.detail-grid h3{color:var(--first-color);margin-bottom:.5rem}.button-container{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.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{justify-content:center;width:100%;max-width:250px}.resume__frame iframe{height:400px}}