*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{justify-content:space-around}.active,.header{display:flex;width:100%;background-color:#212121;height:6.4rem;align-items:flex-end}.active{justify-content:space-between;padding-left:5%;padding-right:5%}.header ul{display:flex;height:5.1rem}.header .sections{width:54%;justify-content:space-between;align-items:center}.header .sections a{font-family:"Montserrat",sans-serif;font-weight:600;font-size:2.4rem;list-style:none}.header .quantum-logo img{height:5.1rem}.sections a{text-decoration:none;color:#fff}.sections a:hover{background:linear-gradient(90deg,#2634a1,#738fbe 100%,#00d4ff 0);line-height:20rem}.icons{width:10rem;display:flex;align-items:center;justify-content:space-around}.icons .github svg{height:1.6rem;width:1.6rem}.octicon{fill:#fff}.icons .linkedin path,.icons .twitter svg{height:1.6rem;width:1.6rem}.icons .linkedin svg{height:2.2rem;width:2.2rem}.proyectos{height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;flex-direction:column}.proyectos a{text-decoration:none}.proyectos a .card{margin:20px auto;height:150px;width:400px;border:1px solid #ddd;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.proyectos a .card:hover,.proyectos a .card h1 :hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.home{height:calc(100vh - 4rem);display:flex;justify-content:center;align-items:center;overflow:hidden}.home .home-container{height:calc(100vh - 10rem);max-height:500px;width:90%;background:#212121;position:relative;border-radius:5px;display:flex}.home .home-container:after{content:"";position:absolute;top:-5px;left:-5px;height:calc(100% + 10px);width:calc(100% + 10px);background:linear-gradient(60deg,#738fbe,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:10px;z-index:-1;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:300% 300%}@-webkit-keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:701px){.home .home-container{height:calc(100vh - 30rem)}}.home .home-container .home-text{color:#fff;transition:all .3s ease-out;margin:3.2rem 0 0 3.2rem;width:80%;position:absolute;z-index:4}.home .home-container h1:before{content:"<h1>";font-size:2.3rem;margin-top:-1.6rem}.home .home-container h1:after,.home .home-container h1:before{font-family:"La Belle Aurore",cursive;color:#515152;position:absolute}.home .home-container h1:after{content:"<h1/>";font-size:2.4rem;margin-top:8rem;margin-left:3.2rem}@-webkit-keyframes jump{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes jump{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.home .home-container .home-text span{font-family:Helvetica,sans-serif;font-weight:800;font-size:9.6rem;line-height:13.9rem}.home .home-container .home-text .normal-letter:hover{font-family:Helvetica,sans-serif;font-weight:600;font-size:9.6rem;color:#05fdd8;-webkit-animation-name:jump;animation-name:jump;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;display:inline-block;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.home .home-container .home-text .home-J{display:inline;position:relative;font-size:11.2rem;font-family:"Poppins",sans-serif;letter-spacing:.5rem;color:#05fdd8;font-weight:600}.home-J:after{content:"J";position:absolute;left:1rem;color:#fd2155}@media (max-width:701px){.home .home-container .home-text .home-J{font-size:6rem}.home .home-container .home-text span{font-family:Helvetica,sans-serif;font-weight:800;font-size:5rem;line-height:6rem}.home .home-container h1:before{content:"<h1>";font-size:2.3rem;margin-top:-2rem}.home .home-container h1:after,.home .home-container h1:before{font-family:"La Belle Aurore",cursive;color:#515152;position:absolute}.home .home-container h1:after{content:"<h1/>";font-size:2.4rem;margin-top:5rem;margin-left:-25rem}}.my-life-cycle{position:absolute;z-index:4;right:6.4rem;top:10.6rem;-webkit-transform:rotate(22deg);transform:rotate(22deg);line-height:6.4rem}.my-life-cycle p,.my-life-cycle span{font-family:"La Belle Aurore",cursive;font-size:6.4rem;color:#515152}.my-life-cycle .me{text-indent:9.6rem}@media (max-width:1100px){.my-life-cycle{display:none}}.skill{font-family:"La Belle Aurore",cursive}.react{left:12.8rem;top:6.4rem;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.html,.react{position:absolute;font-size:6.4rem;color:#0ff;opacity:.2}.html{left:6.4rem;bottom:6.4rem;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.javascript{left:32rem;top:12.8rem}.css,.javascript{position:absolute;font-size:6.4rem;color:#0ff;opacity:.2;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.css{left:40rem;bottom:6.4rem}@media (max-width:701px){.skill{display:none}}body{background-color:#212121;max-height:100vh}
/*# sourceMappingURL=main.2c5f9972.chunk.css.map */