.landing{background-image:url(../../static/media/landing.f24cf895328367c90ef8.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}@media screen and (min-width:1024px){.landing{flex-direction:row}}.landing__img{align-self:center;margin:3rem;width:90%}@media screen and (min-width:768px) and (max-width:1024px){.landing__img{width:80vw}}@media screen and (min-width:1024px){.landing__img{width:40vw}}.landing__button{align-self:center;background-color:#fff;border:1px solid #8f8b8b;border-radius:50px;box-shadow:3px 3px 3px #60b0be;color:#424242;cursor:pointer;font-family:Source Code Pro,monospace;font-weight:600;height:1.5rem;margin-top:5rem;text-decoration:none;width:9.5rem}@media screen and (min-width:768px){.landing__button{font-size:1rem;height:2rem;margin:3rem;width:12rem}}.landing__button:hover{font-size:.9rem}.landing__button :link,.landing__button :visited{color:#504f4f;text-decoration:none}.header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,0);color:#696767;font-family:Source Code Pro,monospace;height:5.2rem;padding-top:1rem;position:fixed;top:0;width:100%;z-index:9999}@media screen and (min-width:1024px){.header{background-color:hsla(0,0%,100%,.548)}}.header .header-box-title{display:flex;flex-direction:row}.header .header-box-title .switch-button{display:inline-block;margin-left:1rem;margin-top:1rem;position:absolute;right:10%}.header .header-box-title .switch-button .switch-button__checkbox{display:none}.header .header-box-title .switch-button .switch-button__label{background-color:#4d4747;border-radius:1rem;cursor:pointer;display:inline-block;height:1.5rem;position:relative;width:2.6rem}.header .header-box-title .switch-button .switch-button__label:before{background-color:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #6b6262;content:"";display:block;height:1.5rem;position:absolute;transition:.2s;width:1.5rem}.header .header-box-title .switch-button .switch-button__checkbox:checked+.switch-button__label{background-color:#60b0be}.header .header-box-title .switch-button .switch-button__checkbox:checked+.switch-button__label:before{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}.header .header-menu-img{cursor:pointer;left:6%;margin:.9rem 0 .5rem .5rem;position:absolute;width:1.5rem}.header .menu-activo{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:move;animation-name:move;background-color:#60b0be;list-style-type:none;margin-top:4.2rem;right:0;text-align:center}@-webkit-keyframes move{0%{-webkit-transform:translateY(-5.2rem);transform:translateY(-5.2rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(-5.2rem);transform:translateY(-5.2rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width:1024px){.header .menu-activo{border-bottom-right-radius:10px;border-top-right-radius:10px;width:20rem}@-webkit-keyframes move{0%{-webkit-transform:translateX(-20rem);transform:translateX(-20rem)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move{0%{-webkit-transform:translateX(-20rem);transform:translateX(-20rem)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}.header .menu-activo :active,.header .menu-activo :link,.header .menu-activo :visited{color:#fff;text-decoration:none}.header .menu-activo li{display:block;display:flex;flex-direction:column;height:2rem;justify-content:center;padding:.5rem 0}.header .menu-activo .menu-link{cursor:pointer}.header .menu-activo .menu-link:after{background-color:#666565;content:"";display:block;height:1px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.header .menu-activo .menu-link:hover:after{-webkit-transform:scale(1);transform:scale(1)}.header .dark{background-color:#978080;color:#fff}.header .menu{display:none}.introduction{background-image:url(../../static/media/fondo25_.df5cb39ebbac95170e71.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;color:#5a5959;font-family:Source Code Pro,monospace;padding-top:7rem}@media screen and (min-width:768px) and (max-width:850px){.introduction{height:70vh;margin-bottom:22rem}}@media screen and (min-width:1024px){.introduction{background-image:none;margin-top:0;padding-top:1rem}}.introduction .title1{display:inline-block;font-size:3rem;font-weight:700;margin-left:1rem;overflow:hidden;position:relative;text-decoration:none}@media screen and (min-width:768px) and (max-width:1024px){.introduction .title1{margin:3rem 0 .5rem 4rem}}@media screen and (min-width:1024px){.introduction .title1{margin-left:10rem;margin-top:10rem}}.introduction .title1:after{background:rgba(96,176,190,.8);bottom:0;content:"";height:2px;position:absolute;right:-100%;transition:right .8s;width:100%}.introduction .title1:hover:after{right:0}.introduction .text{align-items:center;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;font-size:1rem;font-weight:400;justify-content:center;line-height:1.4;margin:1rem 1.5rem 5rem;text-align:justify}.introduction .text__box1{margin-bottom:1.5rem}@media screen and (min-width:1024px){.introduction .text__box1{margin-bottom:3rem}}.introduction .text__box2{margin-bottom:1.5rem}@media screen and (min-width:1024px){.introduction .text__box2{margin-bottom:3rem}}.introduction .text__box3{margin-bottom:1.5rem}@media screen and (min-width:768px) and (max-width:1024px){.introduction .text{font-size:1.2rem;margin:3rem 10rem 0}}@media screen and (min-width:1024px){.introduction .text{font-size:1.2rem;margin:3rem 10rem 0 15rem;text-align:justify;width:60%}}.projects{color:#494949;font-family:Source Code Pro,monospace}.projects__title{display:inline-block;font-size:3rem;font-weight:700;margin-left:1rem;overflow:hidden;position:relative;text-decoration:none}@media screen and (min-width:768px) and (max-width:1024px){.projects__title{margin:7rem 0 2rem 4rem}}@media screen and (min-width:1024px){.projects__title{margin-left:10rem;margin-top:5rem}}.projects__title:after{background:rgba(96,176,190,.8);bottom:0;content:"";height:2px;position:absolute;right:-100%;transition:right .8s;width:100%}.projects__title:hover:after{right:0}.projects__list{grid-row-gap:5rem;grid-column-gap:8rem;-webkit-column-gap:8rem;column-gap:8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin:2rem 3rem 3rem;row-gap:5rem}@media screen and (min-width:768px) and (max-width:1024px){.projects__list{margin:2rem 6rem}}@media screen and (min-width:1024px){.projects__list{margin-left:14rem;margin-right:14rem;margin-top:5rem}}.projects__list .projects-li{align-items:center;background-color:#fff;border-radius:7px;box-shadow:2px 2px 8px #60b0becc;color:#424242cc;display:flex;flex-direction:column;height:26rem;justify-content:space-between;list-style-type:none;width:19rem}.projects__list .projects-li:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.projects__list .projects-li .title-project{color:#333;font-size:16px;font-weight:600;margin-bottom:.5rem;margin-top:1rem;position:relative;text-decoration:none;z-index:1}.projects__list .projects-li .title-project:before{-webkit-animation:no-hover .8s;animation:no-hover .8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#60b0becc;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);width:100%;z-index:-1}.projects__list .projects-li .title-project:focus:before,.projects__list .projects-li .title-project:hover:before{-webkit-animation:hover .4s linear;animation:hover .4s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hover{0%{height:5px;-webkit-transform:scaleX(0);transform:scaleX(0)}45%{height:5px;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}55%{height:5px}to{height:100%;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}}@keyframes hover{0%{height:5px;-webkit-transform:scaleX(0);transform:scaleX(0)}45%{height:5px;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}55%{height:5px}to{height:100%;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}}@-webkit-keyframes no-hover{0%{height:100%;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}45%{height:5px}55%{height:5px;opacity:1;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}to{height:5px;opacity:.02;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes no-hover{0%{height:100%;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}45%{height:5px}55%{height:5px;opacity:1;-webkit-transform:scaleX(1.05);transform:scaleX(1.05)}to{height:5px;opacity:.02;-webkit-transform:scaleX(0);transform:scaleX(0)}}.projects__list .card-img{border:5px solid #a0a0a0;border-radius:5px;height:15rem;margin-bottom:.5rem;width:16rem}.projects__list .project-techologies{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.projects__list .project-techologies .tech{border:2px solid #60b0becc;border-radius:15px;font-size:12px;font-weight:600;height:1.2rem;margin-bottom:.2rem;margin-left:.2rem;margin-right:.2rem;text-align:center;width:6rem}.projects__list .card-links{align-items:center;display:flex;flex-direction:row;height:2rem;justify-content:center;margin-bottom:1rem;width:5rem}.projects__list .card-links .link-git,.projects__list .card-links .link-web{display:flex;flex-direction:row;font-size:10px}.projects__list .card-links .icon-web{height:2.2rem;margin-bottom:.5rem}.projects__list .card-links .icon-web:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.projects__list .card-links .icon-git{height:2.8rem;margin-bottom:.5rem}.projects__list .card-links .icon-git:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.projects .dark{background-color:#797777;color:#fff}.contact{color:#5a5a5a;font-family:Source Code Pro,monospace;margin:0;overflow:hidden}.contact .title-contact{display:inline-block;font-size:3rem;font-weight:700;margin-bottom:2rem;margin-left:1rem;overflow:hidden;position:relative;text-decoration:none}@media screen and (min-width:768px) and (max-width:1024px){.contact .title-contact{margin:3rem 0 4rem 4rem}}@media screen and (min-width:1024px){.contact .title-contact{margin-bottom:4rem;margin-left:10rem;margin-top:10rem}}.contact .title-contact:after{background:rgba(96,176,190,.8);bottom:0;content:"";height:2px;position:absolute;right:-100%;transition:right .8s;width:100%}.contact .title-contact:hover:after{right:0}@media screen and (min-width:768px) and (max-width:1024px){.contact .container{margin-bottom:-18rem}}@media screen and (min-width:1024px){.contact .container{margin-bottom:-20rem;position:relative;right:0}}.contact .container .container-text{align-items:center;background:rgba(125,189,202,.863);background-color:radial-gradient(circle,#5599a7 9%,#184852 40%,#8ddcec 76%,#a6eaf7 118%);border-radius:40%;display:flex;height:18rem;justify-content:center;margin:auto;width:20rem}@media screen and (min-width:768px) and (max-width:1024px){.contact .container .container-text{height:29rem;width:30rem}}@media screen and (min-width:1024px){.contact .container .container-text{height:38.5rem;left:10rem;width:35rem}}.contact .container .container-text .text-contact{color:#3d3d3d;font-size:16px;font-weight:500;font-weight:800;line-height:1.5rem;text-transform:uppercase;width:15rem}@media screen and (min-width:768px) and (max-width:1024px){.contact .container .container-text .text-contact{font-size:20px;line-height:1.9rem;line-height:250%;width:21rem}}@media screen and (min-width:1024px){.contact .container .container-text .text-contact{font-size:23px;font-weight:400;line-height:200%;text-align:center;top:8rem;width:22rem}}.contact .container .container-links{background-image:url(../../static/media/background-contact-2.904687a841f808f76be5.png);background-repeat:no-repeat;background-size:contain;height:20rem;left:1rem;margin:auto;position:relative;top:-10rem;width:17rem}@media screen and (min-width:768px) and (max-width:1024px){.contact .container .container-links{height:30rem;left:14rem;top:-27rem;width:25.5rem}}@media screen and (min-width:1024px){.contact .container .container-links{height:30rem;left:20rem;top:-30rem;width:25.5rem}}.contact .container .container-links .list-links{background-color:initial;bottom:-11rem;display:inline-block;left:2.8rem;margin:auto;position:relative}@media screen and (min-width:768px) and (max-width:1024px){.contact .container .container-links .list-links{align-items:center;bottom:-8rem;display:flex;flex-direction:column;justify-content:center;left:5rem}}@media screen and (min-width:1024px){.contact .container .container-links .list-links{align-items:center;bottom:-7rem;display:flex;flex-direction:column;justify-content:center;left:2.5rem}}.contact .container .container-links .list-links .links-contact{cursor:pointer}.contact .container .container-links .list-links .links-contact .icon{width:3.5rem}@media screen and (min-width:768px) and (max-width:1024px){.contact .container .container-links .list-links .links-contact .icon{width:4.5rem}}@media screen and (min-width:1024px){.contact .container .container-links .list-links .links-contact .icon{width:5.5rem}}.contact .container .container-links .list-links .links-contact .icon-github:hover,.contact .container .container-links .list-links .links-contact .icon-linkedin:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.contact .container .container-links .list-links .links-contact .icon-twitter{margin:.5rem;width:2.6rem}.contact .container .container-links .list-links .links-contact .icon-twitter:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (min-width:768px) and (max-width:1024px){.contact .container .container-links .list-links .links-contact .icon-twitter{width:3.3rem}}@media screen and (min-width:1024px){.contact .container .container-links .list-links .links-contact .icon-twitter{margin-bottom:.8rem;width:4rem}}.footer{background-color:#5ab5c59f;color:#313131;font-family:Source Code Pro,monospace;width:100%}.footer .copyright{font-size:14px;margin-left:1rem;text-align:center;-webkit-transform:translateY(2.3rem);transform:translateY(2.3rem)}@media screen and (min-width:768px){.footer .copyright{text-align:start}}.footer .link-btn .btn-up{left:45%;position:relative;top:-3.2rem;width:4rem}.dark{background-color:#5c5c5c}.technologies{background-image:url(../../static/media/fondo25.32da7829734c490799b7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#494949;font-family:Source Code Pro,monospace;margin-bottom:-4rem}@media screen and (min-width:1024px){.technologies{background-image:none;margin-bottom:-15rem}}.technologies .title-tech{display:inline-block;font-size:3rem;font-weight:700;margin-bottom:2rem;margin-left:1rem;overflow:hidden;position:relative;text-decoration:none}@media screen and (min-width:768px) and (max-width:1024px){.technologies .title-tech{margin:5rem 6rem 2rem}}@media screen and (min-width:1024px){.technologies .title-tech{margin-left:10rem;margin-top:5rem}}.technologies .title-tech:after{background:rgba(96,176,190,.8);bottom:0;content:"";height:2px;position:absolute;right:-100%;transition:right .8s;width:100%}.technologies .title-tech:hover:after{right:0}.technologies .box-main-tech{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 2rem}@media screen and (min-width:1500px){.technologies .box-main-tech{display:flex;flex-direction:row}}@media screen and (min-width:1024px){.technologies .box-main-tech .box-tech-text{font-size:1.2rem;margin-left:8rem;margin-right:11rem;margin-top:2rem}}.technologies .box-main-tech .box-tech-text .tech-text{margin-bottom:1rem;margin-left:1.5rem;margin-right:1.5rem}@media screen and (min-width:768px) and (max-width:1024px){.technologies .box-main-tech .box-tech-text .tech-text{font-family:Source Code Pro,monospace;font-size:1.2rem;font-weight:400;margin:1rem 8rem 0 5rem;text-align:justify}}@media screen and (min-width:1500px){.technologies .box-main-tech .box-tech-text .tech-text{text-align:justify;width:40rem}}.technologies .box-main-tech .box-tech-text .text-color{color:#30bad3}.technologies .box-main-tech .container-circle{background-color:#fff;border:1px solid #ccc;border-radius:50%;bottom:0;height:330px;left:0;margin:auto;position:relative;right:0;top:5rem;width:330px}@media screen and (min-width:1024px){.technologies .box-main-tech .container-circle{height:450px;left:0;margin-top:3rem;width:450px}}@media screen and (min-width:1500px){.technologies .box-main-tech .container-circle{top:0}}.technologies .box-main-tech .container-circle .circle{-webkit-animation:circle 6s linear infinite;animation:circle 6s linear infinite;background:rgba(96,176,190,.8);border-radius:50%;bottom:0;height:30px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0;width:30px}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg) translate(-165px) rotate(0deg);transform:rotate(0deg) translate(-165px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(-165px) rotate(-1turn);transform:rotate(1turn) translate(-165px) rotate(-1turn)}}@keyframes circle{0%{-webkit-transform:rotate(0deg) translate(-165px) rotate(0deg);transform:rotate(0deg) translate(-165px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(-165px) rotate(-1turn);transform:rotate(1turn) translate(-165px) rotate(-1turn)}}@media screen and (min-width:1024px){.technologies .box-main-tech .container-circle .circle{height:50px;width:50px}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg) translate(-225px) rotate(0deg);transform:rotate(0deg) translate(-225px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(-225px) rotate(-1turn);transform:rotate(1turn) translate(-225px) rotate(-1turn)}}@keyframes circle{0%{-webkit-transform:rotate(0deg) translate(-225px) rotate(0deg);transform:rotate(0deg) translate(-225px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(-225px) rotate(-1turn);transform:rotate(1turn) translate(-225px) rotate(-1turn)}}}.technologies .icons-list{bottom:12rem;height:15rem;left:1.7rem;margin:auto;position:relative;width:16rem}@media screen and (min-width:1024px){.technologies .icons-list{bottom:17rem;left:0}}@media screen and (min-width:1500px){.technologies .icons-list{bottom:22.5rem;left:31rem}}.technologies .icons-list .li-icon{display:inline-block;padding:.5px;text-decoration:none}.technologies .icons-list .li-icon .icon{height:2.2rem;margin:.5rem;width:2.2rem}@media screen and (min-width:1024px){.technologies .icons-list .li-icon .icon{height:2.9rem;width:2.9rem}}*{box-sizing:border-box;margin:0;padding:0}.dark{background-color:#363636;background-image:none;color:#fff}@media screen and (min-width:1024px){.body{background-image:url(../../static/media/landing.f24cf895328367c90ef8.jpg);background-position:0;background-repeat:no-repeat;background-size:cover}}
/*# sourceMappingURL=main.662ab27e.css.map*/