@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Contrail+One&family=Dosis:wght@200..800&family=Jockey+One&family=Racing+Sans+One&family=Righteous&family=Timmana&family=Viga&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alatsi&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);:root{--blanco:#fff;--rojo:#ea4335;--azul:#4285f4;--verde:#34a853;--amarillo:#fbbc05;--dark:#192841;--fucsia:#c53678;--azulmar:#0f1a32;--lila:#b487ec;--verdeman:#a6d273;--uva:#542261;--turquesa:#80dbbf}.cabecera{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:space-between;padding:10px;width:100%}.seccion{flex:1 1}.seccion>*{display:block;margin-bottom:20px;text-align:center;width:100%}@media (min-width:768px){.izquierda{flex:7 1}.derecha{flex:3 1}}@media (max-width:768px){.cabecera{flex-direction:column;height:auto;height:100vh;margin-top:65px!important}.derecha{margin-bottom:10px;order:-1}.izquierda{order:1}.effect-wrap .effect-1{animation:spin 10s linear infinite;border:4px solid #55d377;bottom:11%!important;display:none;height:25px!important;right:47%!important;width:25px!important}.about{padding:35px 0!important}.about,.skills{width:80%!important}.skills{text-align:justify!important}.projects,.subtitle_projects,.text_skills{width:100%!important}.text_skills{padding:0!important}}.tituloName{display:block;justify-content:center;position:relative;text-align:center}.tituloName h1{color:#f0f8ff;cursor:pointer;font-family:Pattaya,sans-serif;font-size:90px;font-style:normal;font-weight:400;margin:0;transition:all 1s}.tituloName h1:hover{-webkit-background-clip:text;background-clip:text;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff3),color-stop(.15,#f2f),color-stop(.3,#3737ce),color-stop(.45,#2ff),color-stop(.6,#2f2),color-stop(.75,#2f2),color-stop(.9,#ff1),color-stop(1,#f22));background-image:gradient(linear,left top,right top,color-stop(0,#f22),color-stop(.15,#f2f),color-stop(.3,#3737ce),color-stop(.45,#2ff),color-stop(.6,#2f2),color-stop(.75,#2f2),color-stop(.9,#ff2),color-stop(1,#f22));color:#0000}@media (max-width:768px){.tituloName h1{font-size:60px;padding-bottom:10px!important}.mi-foto{display:block;height:auto;max-width:250px;width:100%}}.professional p{animation:blink-caret .75s step-end infinite;border-right:.2em solid #ffa8e0;color:#ffa8e0;display:inline-block;font-family:Consolas,monospace;font-size:24px;overflow:hidden;white-space:nowrap}.btn2{border:2px solid #fefefe;color:#fefefe;display:inline-block;font-family:Ubuntu,sans-serif;font-size:22px;font-weight:600;padding:15px 30px;position:relative;text-decoration:none;transition:.3s}.btn2:before{height:calc(100% + 2px)}.btn2:after,.btn2:before{background-color:#333;content:"";left:-2px;position:absolute;top:-2px;transform:scaleY(1);transition:.3s ease-out;width:calc(100% + 4px)}.btn2:after{height:calc(100% - 50px)}.btn2:hover:before{height:0;transform:translateY(-25px)}.btn2:hover:after{transform:scaleX(0);transition-delay:.15s}.btn2:hover{border:2px solid #fefefe}.btn2 span{position:relative;z-index:3}button{background-color:initial;border:none;text-align:left;text-decoration:none}.section-indicator{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:1000}.section-indicator ul{list-style:none;margin:0;padding:0}.section-indicator li{margin:10px 0}.section-indicator a{background-color:gray;border-radius:50%;display:block;height:15px;text-decoration:none;transition:width .3s,height .3s,background-color .3s;width:15px}.section-indicator a.active{background-color:#000;height:20px;width:20px}.mi-foto{--s:10px;background:conic-gradient(from 90deg at 1px 1px,#0000 25%,#fff 0);border:calc(var(--s)*2) solid #0000;border-radius:"8px";height:"auto";max-width:"100%";outline:1px solid #fff;outline-offset:calc(var(--s)*-1);padding:var(--s);width:280px}.cover2{left:0;position:absolute;top:88px;z-index:1}#bg-content,.cover2{height:100%;width:100%}#bg-content{background-repeat:repeat;background-size:1200px;border-bottom-width:5px;overflow:hidden}.inner{background:#ffffff1a;display:block;margin:10% auto;position:relative;width:90%;z-index:2}.cursor{animation:blink-caret .75s step-end infinite;border-right:.2em solid #ffa8e0}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#ffa8e0}}.contacto,.sobre_mi{background-color:#fff}.about,.text_skills{color:#000;margin:25px auto auto;padding:4em 4em 1em;text-align:justify;text-justify:inter-word;width:50%}.about h1,.contacto h1,.title_projects{color:#c53678;color:var(--fucsia);font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-size:35px;font-style:normal;font-weight:400;text-align:center}#proyectos{margin-bottom:55px}.about p,.company,.contacto p,.difficulty,.projects p,.skills p,.tools{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-size:17px;font-style:normal;font-weight:600;line-height:24px}.about_skill h1,.contacto h1,.projects h1{margin-bottom:12px}.subtitle_projects{margin:auto;width:70%}.habilidades{background-color:#fff}.skills{align-items:center;color:#000;margin:auto;padding-bottom:5em;text-align:center;width:100%}.title_skill{color:#192841;color:var(--dark);font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-size:24px;font-style:normal;font-weight:500;text-align:center}.skills-group{display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:space-between;margin-inline:auto;padding-top:2em;width:80%}.skills-1{align-items:left;flex-direction:column;justify-content:left;width:50%}.skills-2{align-items:center;justify-content:center;width:50%}@media (max-width:768px){.skills-group{flex-direction:column;width:90%}.skills-1,.skills-2{align-items:center;width:100%}}.accordion{border:1px solid #ddd;border-radius:13px;margin:25px auto 0;max-width:600px;overflow:hidden;width:100%}#accordion1{background-color:#449294;text-align:center}#accordion2{background-color:#94dee1;text-align:center}#accordion3{background-color:#f18cb4;text-align:center}.accordion-item:last-child{border-bottom:none}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px;-webkit-user-select:none;user-select:none}.accordion-icon{margin-right:10px}.accordion-header h2{flex-grow:1;font-size:18px;margin:0;text-align:center}.accordion-body{background-color:#fff;max-height:0;overflow:hidden;padding:0 15px;transition:max-height .3s ease}.accordion-body.show{max-height:100%;padding:15px}.accordion-body p{margin:0}.skill-data{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}.skills-2 .skill-data:first-child{flex:1 1 100%}.skill-data{display:flex;margin-bottom:20px}.skill-logo{height:50px;margin-right:10px}.skill-info{display:flex;flex-direction:column;width:80%}.skill-titles{align-items:center;display:flex;justify-content:space-between}.skill-name{color:#333;font-size:18px;margin:1%}.skill-number{color:#666;font-size:16px}.skill-bar{border-radius:25px;position:relative}.skill-percentage{border-radius:25px;display:block;height:100%}@keyframes fillSkill{0%{width:0}to{width:100%}}.skill-bar{background-color:#e0e0e0;border-radius:4px;height:10px;overflow:hidden}.skill-fill{background-color:#80dbbf;color:#fff;height:100%;line-height:20px;padding-right:10px;text-align:right;transition:width 5s ease-in-out;white-space:nowrap;width:0}.projects{color:#fff;margin:auto;padding:4em 4em 1em;text-align:justify;text-justify:inter-word;width:80%}.effect-wrap .effect{position:absolute;z-index:-1}.effect-wrap .effect-1{animation:spin 10s linear infinite;border:4px solid #ffff89;bottom:15%;height:50px;right:55%;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.effect-wrap .effect-2{animation:topBounce 3s ease-in-out infinite;bottom:20%;display:flex;flex-wrap:wrap;justify-content:space-between;left:3%;width:60px}@keyframes topBounce{0%,to{transform:translateY(0)}50%{transform:translateY(25px)}}.effect-wrap .effect-2 div{background:#74c8ff;border-radius:10px;height:5px;margin:0 3px 8px;width:5px}.effect-wrap .effect-3{animation:leftBounce 3s ease-in-out infinite;border:25px solid #01a996;border-radius:50%;height:280px;left:21%;top:-170px;width:280px}@keyframes leftBounce{0%,to{transform:translateX(0)}50%{transform:translateX(25px)}}.effect-wrap .effect-4{animation:spin 15s linear infinite;bottom:10%;right:5%}.effect-wrap .effect-4,.effect-wrap .effect-4:before{border-left:30px solid #7a3cb5;border-top:30px solid #0000}.effect-wrap .effect-4:before{content:"";left:-35px;opacity:.5;position:absolute;top:-25px}.effect-wrap .effect-5{animation:spin 10s linear infinite;border-radius:50%;display:flex;height:50px;justify-content:space-between;overflow:hidden;right:3%;top:30%;width:50px}.effect-wrap .effect-5 div{background-color:#18e229;width:1px}.effect-wrap .effect-6{animation:spin 10s linear infinite;border:3px solid #f58505;height:15px;left:10%;top:28%;width:15px}.effect-wrap .effect-7{animation:spin-alternate 30s linear infinite;height:17px;left:55%;top:20%;width:17px}.effect-wrap .effect-7:after,.effect-wrap .effect-7:before{background-color:#ffb0ff;content:"";position:absolute}.effect-wrap .effect-7:before{height:3px;left:0;top:50%;transform:translateY(-50%);width:100%}.effect-wrap .effect-7:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:3px}.effect-wrap .effect-8{animation:spin-reverse 10s linear infinite;border:6px solid #ff4500;border-bottom:none;border-radius:100px 100px 0 0;bottom:47%;height:25px;position:absolute;right:37%;width:50px}@keyframes spin-alternate{0%{transform:rotate(0deg)}16.67%{transform:rotate(5turn)}33.33%{transform:rotate(5turn)}50%{transform:rotate(10turn)}66.67%{transform:rotate(15turn)}83.33%{transform:rotate(15turn)}to{transform:rotate(20turn)}}.wrap{display:flex;flex-wrap:wrap;justify-content:space-around;margin:50px auto 0;max-width:1200px;width:100%}.wrap1{align-items:center;display:flex;justify-content:center;margin:20px auto}.tile{background-color:#80dbbf;background-size:cover;border-radius:10px;box-shadow:0 35px 77px -17px #00000070;color:#fff;cursor:pointer;font-family:Roboto;height:380px;margin:10px;min-width:350px;opacity:0;overflow:hidden;position:relative;transform:translateY(80px);transition:opacity .6s ease-out,transform .6s ease-out;width:380px}.animate-tile{opacity:1;transform:translateY(0)}.tile-header{background-color:#c53678;background-color:var(--fucsia);height:12%;transition:all .4s ease-out}.tile h1{font-family:Jockey One,sans-serif;font-style:normal;font-weight:400;margin:0;text-align:center;text-shadow:2px 2px 10px #0000004d}.tile img{height:88%;left:0;position:absolute;top:12%;transition:all .4s ease-out;width:100%}.tile .text{color:#192841;color:var(--dark);font-family:Alatsi,sans-serif;font-style:normal;font-weight:400;height:calc(100% - 60px);padding:30px;position:absolute}@media (max-width:500px){.tile .text{flex-direction:column;width:400px}}.tile h2{font-style:italic;font-weight:100;margin:20px 0 0;transform:translateX(200px)}.tile p{font-family:Alatsi,sans-serif;font-size:18px;font-style:normal;font-weight:300;font-weight:400;line-height:25px;margin:20px 0 0;transform:translateX(-200px);transition-delay:.2s;width:100%}.animate-text{opacity:0;transition:all .6s ease-in-out}.tile:hover .tile-header{background-color:initial}.tile:hover img{opacity:0}.tile:hover .animate-text{opacity:1;transform:translateX(0)}.tile:hover span{opacity:1;transform:translateY(0)}@media (max-width:1000px){.wrap{flex-direction:column;width:400px}}@media (max-width:768px){.projects{margin-top:65px!important;padding:0!important}.text-projects{margin:25px auto;width:80%}.wrap{width:auto}.tile-header h1{font-size:1.2rem}.text h2{font-size:1rem}.text p{font-size:.9rem}}.modal{background-color:#a5a5a5ab;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease-in-out,visibility 0s .5s;visibility:hidden;width:100%;z-index:1}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 20px 30px -10px #26394d;color:#0f1a32;color:var(--azulmar);display:flex;flex-direction:column;margin:10% auto;opacity:0;padding:0;transform:translateY(-200px);transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:80%}.modal.show{opacity:1;transition-delay:0s,0s;visibility:visible}.modal.show .modal-content{opacity:1;transform:translateY(0)}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.modal-header h1{flex-grow:1;font-family:Jockey One,sans-serif;font-size:35px;font-style:normal;font-weight:400;margin:0;text-align:center}.modal-header .close{background:none;border:none;color:#aaa;cursor:pointer;font-size:32px;padding:0 10px;transition:color .3s ease}.modal-header .close:hover{color:#000}.modal-body{display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.modal-left{align-items:center;display:flex;justify-content:center;margin-right:20px;position:relative;width:50%}.modal-right div,.modal-right p{font-size:15px!important}.carousel-image{height:auto;max-height:500px;max-width:100%;object-fit:contain}.next-button,.prev-button{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.prev-button{left:10px}.next-button{right:10px}.next-button:hover,.prev-button:hover{background-color:#000000b3}.modal-right{width:50%}.modal-right .tools{margin:10px 0}.modal-right .tool{background-color:#eee;border-radius:4px;display:inline-block;margin:5px;padding:5px 10px}.modal-right .company{margin:15px 0 5px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.tools .tool{background-color:#80dbbf;background-color:var(--turquesa);border-radius:5px;color:#192841;color:var(--dark);display:inline-block;margin:5px 5px 0 0;padding:5px 10px}.difficulty .star{color:#ea4335;color:var(--rojo);font-size:30px}@media (max-width:768px){.modal-body{align-items:center;flex-direction:column}.modal-left{margin-bottom:20px;margin-right:0;width:100%}.carousel-image{max-height:250px;width:100%}.modal-right{text-align:center;width:100%}.modal-content{margin:20% auto!important}}.contacto{color:#000;margin:auto;max-width:570px;padding:1em 2em;text-align:center;text-justify:inter-word}.contacto input,.contacto textarea{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-size:17px;font-style:normal;font-weight:600;line-height:24px}.contact .fields{display:flex;flex-direction:column;height:45px;margin-bottom:15px;text-align:center;width:100%}.contact .email,.contact .name{display:flex}.contacto input{height:12px}.contact-form{padding:0 15px}.form-control{border:2px solid #00000045;border-radius:8px;font-size:16px;font-weight:700;height:3em;margin:.5em 0 2em;max-width:100%;padding:1em;width:100%}textarea{min-height:4em}label{display:inline-block;font-size:18px;font-weight:500;margin-bottom:5px;max-width:100%}#submit,label{text-transform:uppercase}#submit{background-color:#fff;border:2px solid #192841;border:2px solid var(--dark);border-radius:25px;color:#192841;color:var(--dark);font-size:1em;font-weight:700;min-width:200px;outline:none;padding:12px;text-align:center;text-decoration:none}#submit:hover{background-color:#c53678;background-color:var(--fucsia);color:#fff;transition:all .3s ease-out}@media (max-width:880px){.contacto{padding:1em;width:90%}}@media (min-width:880px){.contacto{min-width:750px}.contact textarea{min-height:180px}}.social_media{margin-bottom:10px;margin-top:25px}.social_media a{color:#192841;color:var(--dark);font-size:32px;margin-right:8px}.social_media a:hover{color:#c53678;color:var(--fucsia)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%}body,html,main{overflow-x:hidden}main{box-sizing:border-box;margin:0 auto;max-width:100%;padding:0}#body2{display:flex;flex-direction:column;margin:0;padding:0;width:100%}footer{background:#333;background-color:#069d70;bottom:0;box-shadow:0 4px 16px #11111a1a,0 8px 24px #11111a1a,0 16px 56px #11111a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:1em;text-align:center;width:100%}.header{align-items:center;background-color:initial;display:flex;font-family:Ubuntu,sans-serif;font-size:20px;font-style:normal;font-weight:700;height:60px;left:0;padding:10px 20px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}header.scrolled{background-color:#c53678;box-shadow:0 25px 20px -20px #00000073;color:#fff}.nav-container{justify-content:space-between;padding:3em;width:100%}.logo-link,.nav-container{align-items:center;display:flex}.logo-icon{height:auto;width:65px}.nav-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.nav-list.open{display:flex;flex-direction:column}.nav-list li{animation:slideIn .5s ease forwards;margin:20px 0;opacity:0;transform:translateX(20px)}.nav-list li:first-child{animation-delay:.1s}.nav-list li:nth-child(2){animation-delay:.2s}.nav-list li:nth-child(3){animation-delay:.3s}.nav-list li:nth-child(4){animation-delay:.4s}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}nav ul li a{color:#fff;padding:25px;text-decoration:none}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:10px}.menu-icon{background-color:#fff;display:block;height:2px;margin:2px 0 5px;position:relative;transition:.3s;width:25px}.menu-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:flex-end;position:fixed;right:0;top:0;width:100%;z-index:1000}.close-btn{color:#c53678;cursor:pointer;font-size:30px;position:absolute;right:20px;top:65px!important;z-index:1001}.close-icon{font-size:46px}@media (min-width:769px) and (max-width:1025px){.nav-container{padding:0 1em!important}}@media (max-width:768px){.nav-container{padding:0 1em!important}.nav-list{background-color:#fff;box-shadow:0 4px 8px #0003;height:100vh;list-style:none;padding:20px;position:fixed;right:0;top:65px;transform:translateX(100%);transition:transform .3s ease;width:100%}.nav-list,.nav-list.open{display:flex;flex-direction:column}.nav-list.open{transform:translateY(0)}.menu-toggle{display:flex}.nav-list li{margin:10px 0;opacity:0;transform:translateX(20px)}nav ul li a{color:#000;display:block;padding:10px;text-decoration:none;transition:background-color .3s ease}.nav-list li:hover{background-color:#f0f0f0;border-radius:15px;width:80%}}@keyframes draw{to{stroke-dashoffset:0}}
/*# sourceMappingURL=main.56ee688c.css.map*/