@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:500&display=swap);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}body,html{margin:0;padding:0;width:100vw;height:100vh;scroll-behavior:smooth}body{display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff}#envelope_body{min-width:300px;width:30vw;height:40vh;position:relative;box-shadow:4px 4px 5px #37a9c0}#envelope_body:hover{width:40vw;height:50vh;position:relative}#envelope_body:hover #front_1{-webkit-transform:rotateX(20deg);transform:rotateX(20deg);z-index:2}#envelope_body:hover #front_2,#envelope_body:hover #front_3{-webkit-transform:rotateY(20deg);transform:rotateY(20deg);z-index:2}#envelope_body:hover #front_4{-webkit-transform:rotateX(20deg);transform:rotateX(20deg);z-index:2}#envelope_body.active{width:100vw;height:100vh}#envelope_body.active #back{height:100vh}#envelope_body.active #front_1{-webkit-transform:rotateX(200deg);transform:rotateX(200deg);z-index:1}#envelope_body.active #front_1.hidden{display:none}#envelope_body.active #front_2{-webkit-transform:rotateY(150deg);transform:rotateY(150deg);z-index:1}#envelope_body.active #front_2.hidden{display:none}#envelope_body.active #front_3{-webkit-transform:rotateY(150deg);transform:rotateY(150deg);z-index:1}#envelope_body.active #front_3.hidden{display:none}#envelope_body.active #front_4{-webkit-transform:rotateX(150deg);transform:rotateX(150deg);z-index:1}#envelope_body.active #front_4.hidden{display:none}#front_2{-webkit-clip-path:polygon(100% 0,50% 50%,100% 100%);clip-path:polygon(100% 0,50% 50%,100% 100%);-webkit-transform-origin:100%;transform-origin:100%}#front_2,#front_3{position:absolute;background-color:#a3dfeb;border:3px solid #d9f4f9;width:100%;height:100%;z-index:2;-webkit-transition-property:z-index,-webkit-transform;transition-property:z-index,-webkit-transform;transition-property:transform,z-index;transition-property:transform,z-index,-webkit-transform;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease}#front_3{-webkit-clip-path:polygon(50% 50%,0 0,0 100%);clip-path:polygon(50% 50%,0 0,0 100%);-webkit-transform-origin:0;transform-origin:0}#front_4{z-index:2;-webkit-clip-path:polygon(0 100%,50% 50%,100% 100%);clip-path:polygon(0 100%,50% 50%,100% 100%);-webkit-transform-origin:0 100%;transform-origin:0 100%}#front_1,#front_4{position:absolute;background-color:#c7eff7;border:3px solid #e6fffa;width:100%;height:100%;-webkit-transition-property:z-index,-webkit-transform;transition-property:z-index,-webkit-transform;transition-property:transform,z-index;transition-property:transform,z-index,-webkit-transform;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:ease,ease;transition-timing-function:ease,ease}#front_1{-webkit-clip-path:polygon(100% 0,100% 0,50% 50%,0 0);clip-path:polygon(100% 0,100% 0,50% 50%,0 0);z-index:3;-webkit-transform-origin:50% 0;transform-origin:50% 0}.fading{text-align:center;font-size:55px;color:#9be8f7;text-shadow:.5px .5px 1px #1e6e7f}@media screen and (max-width:600px){.fading{font-size:40px!important}}.portfolio{overflow:auto}#back{z-index:1;height:100%;width:100%}.bird{background-image:url(/static/media/bird.eee0b154.svg);background-size:auto 100%;width:88px;height:125px;will-change:background-position;-webkit-animation-name:fly-cycle;animation-name:fly-cycle;-webkit-animation-timing-function:steps(10);animation-timing-function:steps(10);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird--one{-webkit-animation-delay:-.5s;animation-delay:-.5s}.bird--one,.bird--two{-webkit-animation-duration:1s;animation-duration:1s}.bird--two{-webkit-animation-delay:-.75s;animation-delay:-.75s}.bird--three{-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-delay:-.25s;animation-delay:-.25s}.bird--four{-webkit-animation-duration:1.1s;animation-duration:1.1s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.birds-container{z-index:0;position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center}@-webkit-keyframes fly-cycle{to{background-position:-900px 0}}@keyframes fly-cycle{to{background-position:-900px 0}}@-webkit-keyframes fly-right-one{0%{-webkit-transform:scale(.3) translateX(-10vw);transform:scale(.3) translateX(-10vw)}10%{-webkit-transform:translateY(40vh) translateX(10vw) scale(.4);transform:translateY(40vh) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(30vh) translateX(30vw) scale(.5);transform:translateY(30vh) translateX(30vw) scale(.5)}30%{-webkit-transform:translateY(20vh) translateX(50vw) scale(.6);transform:translateY(20vh) translateX(50vw) scale(.6)}40%{-webkit-transform:translateY(10vh) translateX(70vw) scale(.6);transform:translateY(10vh) translateX(70vw) scale(.6)}50%{-webkit-transform:translateY(5vh) translateX(90vw) scale(.6);transform:translateY(5vh) translateX(90vw) scale(.6)}60%{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}to{-webkit-transform:translateY(-10vh) translateX(110vw) scale(.6);transform:translateY(-10vh) translateX(110vw) scale(.6)}}@keyframes fly-right-one{0%{-webkit-transform:scale(.3) translateX(-10vw);transform:scale(.3) translateX(-10vw)}10%{-webkit-transform:translateY(40vh) translateX(10vw) scale(.4);transform:translateY(40vh) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(30vh) translateX(30vw) scale(.5);transform:translateY(30vh) translateX(30vw) scale(.5)}30%{-webkit-transform:translateY(20vh) translateX(50vw) scale(.6);transform:translateY(20vh) translateX(50vw) scale(.6)}40%{-webkit-transform:translateY(10vh) translateX(70vw) scale(.6);transform:translateY(10vh) translateX(70vw) scale(.6)}50%{-webkit-transform:translateY(5vh) translateX(90vw) scale(.6);transform:translateY(5vh) translateX(90vw) scale(.6)}60%{-webkit-transform:translateY(0) translateX(110vw) scale(.6);transform:translateY(0) translateX(110vw) scale(.6)}to{-webkit-transform:translateY(-10vh) translateX(110vw) scale(.6);transform:translateY(-10vh) translateX(110vw) scale(.6)}}@-webkit-keyframes fly-right-two{0%{-webkit-transform:translateY(-2vh) translateX(-10vw) scale(.5);transform:translateY(-2vh) translateX(-10vw) scale(.5)}10%{-webkit-transform:translateY(0) translateX(10vw) scale(.4);transform:translateY(0) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(-4vh) translateX(30vw) scale(.6);transform:translateY(-4vh) translateX(30vw) scale(.6)}30%{-webkit-transform:translateY(1vh) translateX(50vw) scale(.45);transform:translateY(1vh) translateX(50vw) scale(.45)}40%{-webkit-transform:translateY(-2.5vh) translateX(70vw) scale(.5);transform:translateY(-2.5vh) translateX(70vw) scale(.5)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.45);transform:translateY(0) translateX(90vw) scale(.45)}51%{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}}@keyframes fly-right-two{0%{-webkit-transform:translateY(-2vh) translateX(-10vw) scale(.5);transform:translateY(-2vh) translateX(-10vw) scale(.5)}10%{-webkit-transform:translateY(0) translateX(10vw) scale(.4);transform:translateY(0) translateX(10vw) scale(.4)}20%{-webkit-transform:translateY(-4vh) translateX(30vw) scale(.6);transform:translateY(-4vh) translateX(30vw) scale(.6)}30%{-webkit-transform:translateY(1vh) translateX(50vw) scale(.45);transform:translateY(1vh) translateX(50vw) scale(.45)}40%{-webkit-transform:translateY(-2.5vh) translateX(70vw) scale(.5);transform:translateY(-2.5vh) translateX(70vw) scale(.5)}50%{-webkit-transform:translateY(0) translateX(90vw) scale(.45);transform:translateY(0) translateX(90vw) scale(.45)}51%{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}to{-webkit-transform:translateY(0) translateX(110vw) scale(.45);transform:translateY(0) translateX(110vw) scale(.45)}}.bird-container{position:absolute;top:20%;left:-10%;-webkit-transform:scale(0) translateX(-10vw);transform:scale(0) translateX(-10vw);will-change:transform;-webkit-animation-name:fly-right-one;animation-name:fly-right-one;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird-container--one{-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:0;animation-delay:0}.bird-container--two{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:1s;animation-delay:1s}.bird-container--three{-webkit-animation-duration:14.6s;animation-duration:14.6s;-webkit-animation-delay:9.5s;animation-delay:9.5s}.bird-container--four{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:10.25s;animation-delay:10.25s}.intro{background-color:#fff;height:100%;justify-content:center;display:block;margin:0;padding:0}.navigationButton{outline:none!important;background-color:#fff!important;margin:50px!important}@media screen and (max-width:600px){.navigationButton{padding:1px!important;margin:10px!important}}.navigation{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);position:absolute}@media screen and (max-width:600px){.navigation{font-size:17px!important}}.navigationContainer{position:absolute;overflow:hidden;align-items:flex-end;justify-content:flex-end}.logo{background-image:url(/static/media/LOGO.3db595a5.svg);background-repeat:no-repeat;background-size:450px;background-position:50%}@media screen and (max-width:600px){.logo{background-size:300px!important}}.skillSeccion{background-color:#fff;color:#fff;text-align:center;border-radius:15px;text-shadow:1px 1px 1px #000;box-shadow:1px 1px 2px #2b2b2b}.skillName{font-family:Ubuntu Mono;font-weight:700;text-align:center}.expansion{height:21vh;width:100%;display:flex;background-color:#fff!important}.styles{border-bottom:2px dashed #00d5ff!important}.stylesNone{border-bottom:2px dashed #fff!important}.hidden{height:10vh}.showDetails{height:40vh}.showDetailsPanel3{height:45vh}.expandedContainer{height:100vh;padding-top:70px;padding-bottom:70px}.expansionPanel{background-color:#fff;border:2px dashed #00d5ff}.skillsIcon{font-size:70px;text-align:center;color:#00d5ff}@media screen and (max-width:600px){.skillsIcon{font-size:50px}}*{box-sizing:border-box}.expansionDetails{padding:20px}.containerSkills{width:100%}.skills{text-align:right;color:#fff;font-family:monospace}.html5{width:90%;background-color:#f779da}.react{width:80%;background-color:#05eb78}.angular{width:65%;background-color:#fd994c}.css3{width:90%;background-color:#f779da}.sass{width:90%;background-color:#00d5ff}.bootstrap{width:80%;background-color:#ff973a}.js{width:90%;background-color:#00d5ff}.ionic{width:50%;background-color:#e976b3}.jquery{width:65%;background-color:#b27bd7}.photoshop{width:80%;background-color:#00e288}.illustrator{width:90%;background-color:#e976b3}.premiere{width:80%;background-color:#00d5ff}.portfolio{height:100vh;background-color:#fff}.projectsContainer{height:100%;padding-top:70px;padding-bottom:70px}.projects{overflow:hidden;height:100%;padding:0}.iconProjects{text-align:center;font-size:80px}.worlds{width:80px!important;height:80px!important}@media screen and (max-width:600px){.portfolioContent{display:block!important;width:100vw}}@media screen and (max-width:600px){.freecodecamp{border-right:2px solid #00d5ff!important}.codepen,.freecodecamp{height:19.7vh;border-bottom:none!important}.codepen{border-right:2px solid #fd994c!important}.github{height:19.7vh;border-right:2px solid #f779da!important}.worldsApart{height:19.7vh;border-bottom:none!important;border-right:2px solid #05eb78!important}}.freecodecamp{border:2px solid #00d5ff;border-right:none;font-size:20px;font-family:monospace;font-weight:700}.freecodecamp:after{content:"";z-index:0;position:absolute;top:-30%;left:-80%;width:20%;height:200%;opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:rgba(0,213,255,.5);background:-webkit-gradient(linear,left top,right top,from(rgba(0,213,255,.2)),color-stop(77%,rgba(0,213,255,.1)),color-stop(92%,rgba(0,213,255,.1)),to(rgba(0,213,255,0)));background:-webkit-linear-gradient(left,rgba(0,213,255,.2),rgba(0,213,255,.1) 77%,rgba(0,213,255,.1) 92%,rgba(0,213,255,0));background:linear-gradient(90deg,rgba(0,213,255,.2) 0,rgba(0,213,255,.1) 77%,rgba(0,213,255,.1) 92%,rgba(0,213,255,0))}.projects:hover:after{opacity:1;left:150%;-webkit-transition-property:left,top,opacity;transition-property:left,top,opacity;-webkit-transition-duration:2s,2s,.3s;transition-duration:2s,2s,.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.projects:active:after{opacity:0}.worldsApart{border:2px solid #05eb78;border-right:none;font-size:20px;font-family:monospace;font-weight:700}.worldsApart:after{content:"";z-index:0;position:absolute;top:-30%;left:-80%;width:20%;height:200%;opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:rgba(0,213,255,.5);background:-webkit-gradient(linear,left top,right top,from(rgba(5,235,120,.2)),color-stop(77%,rgba(5,235,120,.1)),color-stop(92%,rgba(5,235,120,.1)),to(rgba(5,235,120,0)));background:-webkit-linear-gradient(left,rgba(5,235,120,.2),rgba(5,235,120,.1) 77%,rgba(5,235,120,.1) 92%,rgba(5,235,120,0));background:linear-gradient(90deg,rgba(5,235,120,.2) 0,rgba(5,235,120,.1) 77%,rgba(5,235,120,.1) 92%,rgba(5,235,120,0))}.codepen{border:2px solid #fd994c;border-right:none;font-size:20px;font-family:monospace;font-weight:700}.codepen:after{content:"";z-index:0;position:absolute;top:-30%;left:-80%;width:20%;height:200%;opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:rgba(0,213,255,.5);background:-webkit-gradient(linear,left top,right top,from(rgba(253,153,76,.2)),color-stop(77%,rgba(253,153,76,.1)),color-stop(92%,rgba(253,153,76,.1)),to(rgba(253,153,76,0)));background:-webkit-linear-gradient(left,rgba(253,153,76,.2),rgba(253,153,76,.1) 77%,rgba(253,153,76,.1) 92%,rgba(253,153,76,0));background:linear-gradient(90deg,rgba(253,153,76,.2) 0,rgba(253,153,76,.1) 77%,rgba(253,153,76,.1) 92%,rgba(253,153,76,0))}.github{border:2px solid #f779da;font-size:20px;font-family:monospace;font-weight:700}.github:after{content:"";z-index:0;position:absolute;top:-30%;left:-80%;width:20%;height:200%;opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:rgba(0,213,255,.5);background:-webkit-gradient(linear,left top,right top,from(rgba(247,121,218,.2)),color-stop(77%,rgba(247,121,218,.1)),color-stop(92%,rgba(247,121,218,.1)),to(rgba(247,121,218,0)));background:-webkit-linear-gradient(left,rgba(247,121,218,.2),rgba(247,121,218,.1) 77%,rgba(247,121,218,.1) 92%,rgba(247,121,218,0));background:linear-gradient(90deg,rgba(247,121,218,.2) 0,rgba(247,121,218,.1) 77%,rgba(247,121,218,.1) 92%,rgba(247,121,218,0))}.certificate{width:560px;margin:10px}@media screen and (max-width:600px){.certificate{width:250px!important}}@media screen and (max-width:600px){.dialog{height:50vh!important}}.contact{height:100vh}.title{color:#a25dc4;text-align:center;font-family:Roboto Mono;padding-top:20px}@media screen and (min-width:600px){.title{font-size:50px}}.titleContainer{height:15%}.iconContainer{height:85%}.iconEmail{padding:30px;margin:50px;text-align:center;font-size:200px;border-radius:10%;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#00e9b3),to(#00d5ff));background:-webkit-linear-gradient(#00e9b3,#00d5ff);background:linear-gradient(#00e9b3,#00d5ff)}@media screen and (max-width:600px){.iconEmail{font-size:120px!important;padding:10px!important}}.iconLinked{margin:50px;padding:20px;text-align:center;font-size:200px;border-radius:10%;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#00d5ff),to(#00e9b3));background:-webkit-linear-gradient(#00d5ff,#00e9b3);background:linear-gradient(#00d5ff,#00e9b3)}@media screen and (max-width:600px){.iconLinked{font-size:130px!important;padding:10px!important}}.copyContainer{height:5%}.copy{text-align:right;font-family:monospace;font-size:15px;margin-left:6px}.copyIcon{font-size:13px}
/*# sourceMappingURL=main.50b723a9.chunk.css.map */