@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap");:root{--header-height: 3rem;--font-medium: 500}:root{--first-color: #6e54ef;--white-color: #fafaff;--dark-color: #2a3b47;--text-color: #697477}:root{--body-font: "Poppins", sans-serif;--big-font-size: 4rem;--h2-font-size: 1.25rem;--normal-font-size: 0.938rem;--small-font-size: 0.813rem}@media screen and (min-width: 768px){:root{--big-font-size: 10rem;--h2-font-size: 2rem;--normal-font-size: 1rem;--small-font-size: 0.875rem}}:root{--mb-1: 0.5rem;--mb-2: 1rem;--mb-3: 1.5rem;--mb-4: 2rem}:root{--z-fixed: 100}*,::before,::after{-webkit-box-sizing:border-box;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);font-weight:var(--font-medium);color:var(--text-color);line-height:1.6}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:var(--text-color)}img{max-width:100%;height:auto;display:block}.section{padding:3rem 0}.section-title{position:relative;font-size:var(--h2-font-size);color:var(--dark-color);margin:var(--mb-4) 0;text-align:center}.section-title::after{position:absolute;content:"";width:32px;height:0.18rem;left:0;right:0;margin:auto;top:2rem;background-color:var(--first-color)}.layout-grid{max-width:1024px;display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;grid-column-gap:2rem;width:calc(100% - 2rem);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:#8e2de2;background:-webkit-gradient(linear, left top, right top, from(#4a00e0), to(#8e2de2));background:linear-gradient(to right, #4a00e0, #8e2de2)}.nav{height:var(--header-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 768px){.nav__menu{position:fixed;top:var(--header-height);right:-100%;width:80%;height:100%;padding:2rem;background:rgba(255,255,255,0.3);-webkit-transition:0.5s;transition:0.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.nav__item{margin-bottom:var(--mb-4)}.nav__link{position:relative;color:var(--dark-color)}.nav__link:hover{color:var(--first-color)}.nav__logo{color:var(--white-color)}.nav__toggle{color:var(--white-color);font-size:1.5rem;cursor:pointer}.show{right:0}.active::after{position:absolute;content:"";width:100%;height:0.18rem;left:0;top:2rem;background-color:var(--first-color)}.home{position:relative;background:#8e2de2;background:-webkit-gradient(linear, left top, right top, from(#4a00e0), to(#8e2de2));background:linear-gradient(to right, #4a00e0, #8e2de2);overflow:hidden}.home__container{height:calc(100vh - var(--header-height));row-gap:5rem;padding-top:8rem}.home__data{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home__profession{font-style:italic;color:#fafaff}.home__title{font-size:var(--big-font-size);color:var(--white-color);line-height:0.8;margin:1.5rem}.home__title span{text-shadow:0 20px 25px rgba(0,0,0,0.5)}.home__scroll{-ms-flex-item-align:end;align-self:flex-end;padding-bottom:var(--mb-4)}.home__scroll-link{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color:var(--white-color)}.home__button-movil{display:inline-block;border:2px solid #fafaff;padding:1rem 2rem;-webkit-transition:0.3s;transition:0.3s;font-weight:var(--font-medium);margin-top:var(--mb-3);color:#fff;border-radius:0.25rem}.home__button-movil:hover{background-color:#fafaff;color:var(--container-color)}.about__container{justify-items:center;row-gap:2rem;text-align:center}.about__img img{width:120px;height:120px;border-radius:50%;-ms-grid-column-align:center;justify-self:center;max-width:100%;height:auto}.about__subtitle{font-size:var(--h2-font-size);color:var(--first-color);margin-bottom:var(--mb-1)}.about__text{margin-bottom:var(--mb-4)}.about__profession{display:block;margin-bottom:var(--mb-4)}.about__social-icon{font-size:1.4rem;margin:0 var(--mb-1)}.about__social-icon:hover{color:var(--first-color)}.skills__container{row-gap:2rem}.skills__subtitle{color:var(--first-color);margin-bottom:var(--mb-3)}.skills__name{display:inline-block;font-size:var(--small-font-size);margin-right:var(--mb-2);margin-bottom:var(--mb-3);padding:0.25rem 0.5rem;background-color:var(--white-color);border-radius:0.25rem}.skills__name:hover{background-color:var(--first-color);color:var(--white-color)}.skills__img img{border-radius:0.5rem}.portfolio{background-color:var(--white-color)}.portfolio__container{justify-items:center;row-gap:2rem}.portfolio__img{position:relative;overflow:hidden}.portfolio__img img{border-radius:0.5rem}.portfolio__img:hover .portfolio__link{bottom:0}.portfolio__link{position:absolute;bottom:-100%;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(255,255,255,0.3);border-radius:0.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:0.3s;transition:0.3s}.portfolio__link-name{color:var(--dark-color)}.contact__container{row-gap:2rem}.contact__subtitle{font-size:var(--normal-font-size);color:var(--first-color)}.contact__text{display:inline-block;margin-bottom:var(--mb-2)}.contact__inputs{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);-webkit-column-gap:1rem;column-gap:1rem}.contact__input{width:100%;padding:0.8rem;outline:none;border:1.5px solid var(--dark-color);font-size:var(--normal-font-size);margin-bottom:var(--mb-4);border-radius:0.5rem}.contact__button{display:block;background-color:var(--first-color);color:var(--white-color);padding:0.75rem 2.5rem;margin-left:auto;border-radius:0.5rem;border:none;outline:none;font-size:var(--normal-font-size);cursor:pointer}.footer{background-color:var(--dark-color);color:white}.footer__container{text-align:center}.footer .sponsors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .sponsors__logo{max-width:3rem;margin-left:1.5rem;margin-top:2rem;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}@media screen and (max-width: 320px){.home__img{width:230px}}@media screen and (min-width: 768px){body{margin:0}.section{padding-top:4rem}.section-title{margin-bottom:3rem}.section-title::after{width:64px;top:3rem}.nav{height:calc(var(--header-height) + 1rem)}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex}.nav__item{margin-left:var(--mb-4);margin-bottom:0}.nav__toggle{display:none}.nav__link{color:var(--white-color)}.nav__link:hover{color:var(--white-color)}.active::after{background-color:var(--white-color)}.home__container{height:100vh;-ms-grid-rows:1.7fr 1fr;grid-template-rows:1.7fr 1fr;row-gap:0}.home__img{width:524px;right:10%}.about__container{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:initial;padding:4rem 0}.about__img{width:200px;height:200px}.about__img img{width:165px}.skills__container{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.portfolio__container{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr);-webkit-column-gap:2rem;column-gap:2rem}.contact__container{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);justify-items:center}.contact__form{width:380px}.sponsors__logo{max-width:4.5rem}}@media screen and (min-width: 1024px){.layout-grid{margin-left:auto;margin-right:auto}}@media screen and (min-height: 721px){.home__container{height:640px}.home__img{width:500px;right:24%}}
/*# sourceMappingURL=styles.min.css.map */