@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.header{background-color:#f1eeee;left:0;position:fixed;top:0;width:100%;z-index:100}.nav{align-items:center;-webkit-column-gap:16px;column-gap:16px;display:flex;height:55px;justify-content:space-between;margin-top:10px}.nav__name,.nav__toggle{color:#000;font-size:17px;font-weight:500}.nav__list{display:flex;flex-direction:row;gap:32px}.nav__link{align-items:center;color:#000;display:flex;flex-direction:column;font-size:17px;font-weight:500;text-align:center}.nav__link:after{width:0}.nav__link:after,.nav__link:hover:after{background:#b46666;color:#b46666;content:"";display:block;height:2px;transition:width .3s}.nav__link:hover:after{width:100%}.nav__close,.nav__icon,.nav__toggle{display:none}.active-link{color:#b46666}.active-link:after{background:#b46666;color:#b46666;content:"";display:block;height:2px;transition:width .3s;width:100%}@media screen and (max-width:767px){.header{bottom:0;top:auto}.nav{height:3rem}.nav__menu{background-color:#f1eeee;border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px rgba(0,0,0,.15);left:0;padding:2rem 1.5rem 4rem;position:fixed;transition:.3s;width:100%}.nav .show-menu{bottom:0;transition:.3s}.nav__list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.nav__icon{font-size:1.2rem}.nav__close{bottom:.5rem;cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav__close:hover{color:#b46666}.nav__toggle{cursor:pointer;font-size:1.3rem}.nav__close,.nav__icon,.nav__toggle{display:block}.hidden{display:none;transition:.3s}.active-link{color:#b46666}.active-link:after,.nav__link:hover:after{display:none}}@media screen and (max-width:380px){.nav__menu{padding:2rem .25rem 4rem}.nav__list{-webkit-column-gap:0;column-gap:0}.nav__link{font-size:13px}}.home{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh}.home,.home__content{align-content:center;align-items:center;justify-content:center}.home__content{grid-gap:15px;gap:15px;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;grid-template-rows:auto}.home__content,.home__data{display:grid;justify-items:center}.home__data{grid-column:1/3;margin-bottom:70px}.home__social{grid-row-gap:16px;display:grid;grid-row:1/2;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:16px}.home__social-icon{color:#000;font-size:30px}.home__social-icon:hover{color:#b46666}.home__title{font-size:36px;grid-row:1/2;margin-bottom:10px}.home__subtitle,.home__title{grid-column:1/3;justify-items:center}.home__subtitle{font-size:24px;font-weight:400;grid-row:2/3;margin-bottom:30px;position:relative}.home__img{-webkit-animation:profile__animate 8s ease-in-out 1s infinite;animation:profile__animate 8s ease-in-out 1s infinite;background:url(../../static/media/mariasj.724366ea67d77d9354fe.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px hsla(0,0%,100%,.3);grid-row-end:2;grid-row-start:1;height:250px;justify-self:center;width:250px}@-webkit-keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home__button{background-color:#1f1f1f;border-radius:16px;color:#f1eeee;display:inline-block;font-size:14px;font-weight:400;grid-row:3/4;justify-items:center;margin:0 10px;padding:10px 20px;transition:-webkit-transform .9 1s;transition:transform .9 1s;transition:transform .9 1s,-webkit-transform .9 1s}.home__button:hover{background-color:#84a98c;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.home__footer{display:flex;justify-content:center}.home__text{bottom:0;font-size:14px;margin-bottom:15px;position:fixed}@media screen and (min-width:768px){.home__content{grid-column-gap:32px;align-items:center;-webkit-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:116px repeat 2,1fr}.home__img{height:400px;justify-self:auto;order:0;width:400px}.home__social-icon{font-size:50px}.home__title{font-size:52px}.home__subtitle{font-size:36px}.home__button{font-size:20px;font-weight:400}}@media screen and (min-width:1024px){.home__content{align-items:center;-webkit-column-gap:32px;column-gap:32px;grid-template-columns:116px repeat(2,1fr)}.home__social{grid-row-gap:10px;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:10px}.home__social-icon{font-size:40px}.home__data{grid-column:2/3;justify-self:center;margin-bottom:0}.home__title{font-size:52px;margin-bottom:10px}.home__subtitle{font-size:36px;font-weight:400;margin-bottom:40px;position:relative}.home__img{grid-column:3/4;height:400px;width:400px}.home__button{margin-right:30px}.home__footer{display:flex;justify-content:center}.home__text{bottom:0;font-size:14px;margin-bottom:15px;position:fixed}}.aboutMe__description{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:25px}.aboutMe__title--one{order:1}.aboutMe__text{order:3;text-align:center}.aboutMe__img{order:2;width:250px}.aboutMe__tech{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;width:100%}.aboutMe__title--three{color:#f1eeee;margin-bottom:20px;margin-top:35px}.aboutMe__list{flex-wrap:wrap;gap:15px;margin:30px 30px 85px}.aboutMe__item,.aboutMe__list{align-items:center;display:flex;justify-content:center}.aboutMe__item{background-color:#b46666;border-radius:50px;height:70px;transition:-webkit-transform .5 2s;transition:transform .5 2s;transition:transform .5 2s,-webkit-transform .5 2s;width:70px}.aboutMe__item:hover{-webkit-transform:scale(1.06);transform:scale(1.06)}.aboutMe__logo{width:2.5rem}.aboutMe__skills{background-color:#84a98c;flex-direction:column;position:relative;width:100%}.aboutMe__skillList,.aboutMe__skills{align-items:center;display:flex;justify-content:center}.aboutMe__skillList{flex-direction:row;flex-wrap:wrap;gap:40px;margin:30px 30px 90px}.aboutMe__skill{align-items:center;display:flex;flex-direction:column;justify-content:center}.aboutMe__title--two{margin-top:35px}.aboutMe__icon{color:#cad2c5;font-size:30px}.custom-shape-divider-bottom-1676289003{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.custom-shape-divider-bottom-1676289003 svg{display:block;height:52px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-bottom-1676289003 .shape-fill{fill:#000}.custom-shape-divider-top-1676289913{left:0;line-height:0;overflow:hidden;position:absolute;top:0;width:100%}.custom-shape-divider-top-1676289913 svg{display:block;height:52px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-top-1676289913 .shape-fill{fill:#f1eeee}@media screen and (min-width:768px){.aboutMe__description{margin:35px 25px 25px}.aboutMe__title--one,.aboutMe__title--three{font-size:30px}.aboutMe__title--three,.aboutMe__title--two{font-size:25px}.aboutMe__title--one{margin-top:50px}.aboutMe__text{font-size:20px;margin-left:55px;margin-right:55px}.aboutMe__img{width:400px}.aboutMe__list{gap:25px;margin:30px}.aboutMe__item{height:80px;width:80px}.aboutMe__logo{width:2.9rem}.aboutMe__skillList{margin:30px 60px 90px}.aboutMe__skill{font-size:16px}.custom-shape-divider-bottom-1676289003 svg,.custom-shape-divider-top-1676289913 svg{height:50px;width:calc(100% + 1.3px)}}@media screen and (min-width:1024px){.aboutMe__description{align-content:center;align-items:center;display:grid;grid-template-columns:1fr 1fr;height:70%;justify-content:center;justify-items:center;margin-left:auto;margin-right:auto;margin-top:80px;width:968px}.aboutMe__title--one{grid-row:1/2;margin-bottom:0;margin-top:0}.aboutMe__text{align-self:start;font-size:19px;grid-row:2/3}.aboutMe__img{grid-column:2/3;grid-row:1/3;justify-self:center;width:500px}.aboutMe__tech{height:270px}.aboutMe__title--three{font-size:25px;margin-bottom:10px;margin-top:0}.aboutMe__list{gap:25px;margin:20px}.aboutMe__item{height:60px;width:60px}.aboutMe__logo{width:2.4rem}.aboutMe__skillList{margin:40px 230px 70px}.aboutMe__skill{font-size:18px}}.proyects{align-items:center;flex-direction:column;margin-bottom:100px}.proyects,.proyects__list{display:flex;justify-content:center}.proyects__list{align-content:space-around;flex-direction:row;flex-wrap:wrap;gap:30px}.proyects__title{font-size:36px;margin-bottom:30px;margin-top:30px}.proyects__techIcon{color:#84a98c;font-size:30px}@media screen and (min-width:768px){.proyects{margin-left:auto;margin-right:auto;margin-top:70px;max-width:900px}.proyects__list{gap:50px}.proyects__title{margin-bottom:50px}}.proyects__element{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,85%,.58);border:1px solid #fff;border-radius:17px;box-shadow:12px 17px 51px rgba(0,0,0,.22);cursor:pointer;display:flex;flex-direction:column;height:380px;justify-content:space-evenly;transition:all .5s;-webkit-user-select:none;user-select:none;width:260px}.proyects__element:hover{border:1px solid #000;-webkit-transform:scale(1.05);transform:scale(1.05)}.proyects__element:active{-webkit-transform:scale(.95) rotate(1.7deg);transform:scale(.95) rotate(1.7deg)}.proyects__name{text-align:center;width:230px}.proyects__img{height:200px;object-fit:cover;width:230px}.proyects__links{display:flex;justify-content:space-between;width:100px}.proyects__icon{align-items:center;background-color:#000;border-radius:40px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.proyects__icon:hover{background-color:#b46666;color:#000}.proyects__tech{display:flex;flex-direction:row;gap:10px}.scrollUp{align-items:center;background:#000;border:0;border-radius:50px;bottom:65px;box-sizing:border-box;color:#fff;display:flex;font-weight:700;gap:.6em;padding:1.4em 1.2em;position:fixed;right:15px;transition:background .2s}.scrollUp .arrow-wrapper{align-items:center;display:flex;justify-content:center}.scrollUp .arrow{background:#000;height:2px;margin-top:1px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:.2s;width:10px}.scrollUp .arrow:before{border:solid #fff;border-width:0 2px 2px 0;box-sizing:border-box;content:"";display:inline-block;padding:3px;position:absolute;right:3px;top:-3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:.2s}.scrollUp:hover{background-color:#b46666}.scrollUp:hover .arrow{background:#fff}.scrollUp:hover .arrow:before{right:0}.show{opacity:1}.hidden{opacity:0}@media screen and (min-width:768px){.scrollUp{right:25px}}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-fwd{0%{opacity:0;-webkit-transform:translateZ(-80px);transform:translateZ(-80px)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-size:400}body{background-color:#f1eeee;color:#000}h1,h2,h3{font-weight:600}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:96px 32px}.section__title{color:#000;font-size:36px}.section__subtitle{display:block;font-size:14px;margin-bottom:64px}.section__subtitle,.section__title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button--flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:40px;margin-right:40px}}.fade-in-left{-webkit-animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fade-in-right{-webkit-animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in-fwd{-webkit-animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-fwd{0%{opacity:0;-webkit-transform:translateZ(-80px);transform:translateZ(-80px)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contact{align-content:center;align-items:center;height:100vh;justify-content:center}.contact,.contact__media{display:flex;flex-direction:column}.contact__media{color:#000}.contact__media:hover{color:#b46666}.contact__media i{font-size:25px}.card{align-items:center;background:#cad2c5;border-radius:5px;display:flex;flex-direction:column;gap:1em;height:290px;justify-content:center;overflow:hidden;padding:1.5em;padding-block:1.8em;position:relative;text-align:center;transition:.3s cubic-bezier(.6,.4,0,1),-webkit-transform .15s ease;transition:.3s cubic-bezier(.6,.4,0,1),transform .15s ease;transition:.3s cubic-bezier(.6,.4,0,1),transform .15s ease,-webkit-transform .15s ease;width:290px}.icon{font-size:25px}.card>:not(span){transition:.3s cubic-bezier(.6,.4,0,1)}.card>p{display:block;font-size:1.6rem;letter-spacing:-.035em}.card span{align-items:center;border-radius:5px;display:flex;flex-direction:column;font-weight:700;height:100%;inset:0;justify-content:space-evenly;position:absolute;top:100%;transition:all .3s cubic-bezier(.6,.4,0,1);width:100%}.card:hover span{font-size:1.2em;top:0}.card:hover{background:#84a98c}.card:hover>.icon,.card:hover>p{opacity:0}@media screen and (min-width:768px){.contact__media{font-size:25px}.contact__media i{font-size:35px}.card{background-image:url(../../static/media/contact.60c11525ab2559962e0c.png);background-size:cover;height:300px;width:700px}.card>p{font-size:2.6rem}.card span{flex-direction:row}.icon{display:none}.contact__media{font-size:22px}.contact__media i{font-size:35px}}
/*# sourceMappingURL=main.bd2cd417.css.map*/