.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .6s;height:auto}.flip-card-front{backface-visibility:hidden;border-radius:8px;padding:1rem;box-sizing:border-box;position:relative;z-index:2}.flip-card-back{backface-visibility:hidden;border-radius:8px;padding:1rem;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;transform:rotateY(180deg)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}@media (hover: hover) and (pointer: fine){.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}}#proyectos{margin-bottom:7rem;display:grid;justify-items:center}.pro{justify-items:center}.proyectos{width:100%;max-width:52rem;gap:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.proyectos-vm{width:100%;max-width:52rem;gap:25px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.flip-card{width:100%;margin:2px;border-radius:15px;background-color:#00000076;align-content:center}.tecnos{font-size:12px;white-space:nowrap;padding:.5px 1px 0;border:white solid 1px}.tecnos_div{display:flex;gap:5px;flex-wrap:wrap;width:100%;justify-self:left}.tecnos_div svg,.tecnos_div .svg-inline--fa{margin-left:1px;margin-right:2px}.desc_front{margin-top:15px;font-size:14px;line-height:20px;text-align:left}.flip-card:hover{box-shadow:0 0 8px #f89c9c;background:#11bbf0;background:linear-gradient(0deg,#11bbf054,#00000076)}.proy-2 .flip-card-front,.proy-3 .flip-card-front,.proy-4 .flip-card-front,.proy-5 .flip-card-front{align-items:center;display:flex}.proy-2 .flip-card-front img,.proy-3 .flip-card-front img,.proy-4 .flip-card-front img,.proy-5 .flip-card-front img{margin-right:15px;filter:drop-shadow(0px 0px 11px #11bbf0);width:45%}.proy-2 .nom_pro,.proy-3 .nom_pro,.proy-4 .nom_pro,.proy-5 .nom_pro{text-align:center;margin:15px 0;font-size:1.3rem;line-height:21px}.proy-1 .flip-card-front{display:grid;justify-items:center;align-items:center;padding:10px 20px 0}.proy-1 .flip-card-front img{filter:drop-shadow(0px 0px 13px #11bbf0);max-width:67%}.proy-1 .nom_pro{justify-self:center;text-align:center;margin:10px 0 15px;width:11rem;font-size:1.3rem;line-height:21px}.proy-1{grid-row:span 2 / span 2}.proy-3{grid-column-start:2;grid-row-start:2}.proy-4,.proy-5{grid-row-start:3}.html{background-color:#ff6300}.css{background-color:#1e52ae}.js{background:#ffe700;color:#000}.php{background:#6971af}.react{color:#000;background-color:#78efff}.drf{background-color:#013700}.md{background-color:#000}.python{background:#4955ae}.ver{color:#fff;background-color:#b5000092;border:rgba(255,255,255,.455) solid 1px;border-radius:50px}.ver:hover{background-color:#ffffff3b;border:white solid 1px}.proy-1 .flip-card-back{padding:20px 40px}.proy-1 .nom_pro_back{font-size:22px;margin-bottom:6px}.proy-1 .desc_back{margin:8px 0;font-size:13.5px;line-height:18px;text-align:left}.flip-card-back{display:grid;justify-items:center;align-items:center;padding:10px 20px 0}.desc_back{margin:4px 0;font-size:12px;line-height:16px;text-align:left}.nom_pro_back{margin-bottom:3px}.git-proy,.link-proy{font-size:15px;height:30px;padding:0 10px;color:#fff;background-color:#c3020276;border:rgba(255,255,255,.455) solid 1px;border-radius:50px;align-content:center}.git-proy:hover,.link-proy:hover{background-color:#ffffff3b;border:white solid 1px;color:#000}.btns-proy{display:flex;gap:10px;margin-top:8px}@media (min-width: 768.1px) and (max-width: 991.9px){.flip-card{padding:1rem 0px}}@media (min-width: 585px) and (max-width: 768px){.pro{max-width:60%}}@media (min-width: 480px) and (max-width: 584px){.pro{max-width:75%}}@media (max-width: 768px){.proyectos-vm,.proyectos{display:flex;flex-direction:column;gap:25px}.proy-1,.proy-2,.proy-3,.proy-4,.proy-5{grid-column:auto;grid-row:auto}.proy-1 .desc_back{font-size:12.5px}.desc_back{font-size:11px;line-height:15px}}@media (max-width: 346px){.pro .flip-card-back{padding-left:10px;padding-right:10px}.proy-1 .nom_pro_back{font-size:16px}.proy-1 .desc_back{font-size:11.5px;line-height:14px}}html,body{overflow-x:hidden}body{font-family:monospace;color:#fff;background:#1f1c18;background:linear-gradient(0deg,#1f1c18,#8e0e00 49%,#1f1c18)}h1,h3{filter:drop-shadow(0px 0px 10px #f89c9c)}footer div div a:hover{color:#ffffff96!important}footer{background:#500000}.navbar{transition:background-color .5s ease,padding .5s ease;padding:.7rem}.navbar.scrolled{background:#500000;box-shadow:0 2px 7px #f89c9c;padding:.4rem}.navbar.menu-open{background:#500000;box-shadow:0 2px 7px #f89c9c}.logo{opacity:.7;width:95px;transition:width .5s ease}.logo:hover{filter:drop-shadow(0px 0px 10px rgb(248,156,156));opacity:1}ul{gap:40px}.nav-link{padding-left:10px!important;padding-right:10px!important;border-radius:50px;font-size:1.1rem;filter:drop-shadow(0px 0px 10px #f89c9c);color:#ccc!important;font-weight:550}.nav-link:hover{filter:drop-shadow(0px 0px 10px #0bf9f9);color:#fff!important}@media (max-width: 480px){.navbar .container{padding:.3rem 1rem 0!important}.logo{width:80px}.navbar-collapse{margin-top:2rem}}#inicio{margin-bottom:10rem;padding-top:3rem}.img-yor{width:20rem;filter:drop-shadow(0px -2px 6px rgb(248,156,156));-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%,black 80%,transparent 100%),linear-gradient(to bottom,black 0%,black 80%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%),linear-gradient(to bottom,black 0%,black 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;object-fit:cover;margin-right:1.5rem}.datos-perf{padding-left:1.5rem;margin-bottom:2rem}.datos-perf h1{font-size:3.5rem}.correo p{max-width:min-content}.correo p,.correo .btn{background-color:#11bbf087;border-radius:8px}.correo .btn{border:rgba(255,255,255,.455) solid 1px;margin-left:4px;width:35px;height:35px}.datos-perf p{margin-bottom:12px}.datos-perf button,.datos-perf a{border:rgba(255,255,255,.455) solid 1px;border-radius:50px}.btns-links{display:flex;gap:.5rem}.git,.link{width:35px;height:35px;background-color:#00000076}.git,.link,.cv,.correo .btn{color:#fff;align-content:end}.cv{background-color:#b5000092}.datos-perf .btn:hover,.correo .btn:hover{background-color:#ffffff3b;border:white solid 1px;color:#000}@media (min-width: 450px) and (max-width: 760px){#inicio .justify-content-end{width:50%!important}}@media (max-width: 760px){#inicio .align-items-center{display:block}#inicio .align-items-center{justify-items:center}#inicio .justify-content-end{padding:0;width:63%}.img-yor{margin-right:0}.datos-perf{width:100%;padding:0;margin-bottom:0;justify-items:center}.datos-perf h1{text-align:center;font-size:2.3rem}.datos-perf p{text-align:center;font-size:13.5px}.correo{margin-bottom:12px}.correo p{align-content:center;margin:.5px 0}}#sobre_mi{margin-bottom:4rem}.text-sm{padding-left:8rem;font-size:13.7px;line-height:20.2px}.skills{max-width:24rem;padding-left:8rem;padding-bottom:2rem;gap:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr)}.skills div{box-shadow:0 0 8px #f89c9c;width:50px;height:60px;text-align:center;align-content:center;background-color:#00000076;border-radius:15px}.sk-1{grid-column-start:1;grid-row-start:2}.sk-2{grid-column-start:2;grid-row-start:1}.sk-3{grid-column-start:3;grid-row-start:2}.sk-4{grid-column-start:2;grid-row-start:3}.sk-5{grid-row-start:4}.sk-6{grid-column-start:3;grid-row-start:4}.sk-7{grid-column-start:2;grid-row-start:5}.skills div img{width:100%;padding:0 6px}.adicionales{display:flex;justify-self:center}.adicio{width:45px;height:54px;margin:0 5px;padding:0 6px;text-align:center;align-content:center;border-radius:15px;background-color:#00000076}span img{width:100%}@media (min-width: 800px) and (max-width: 991.9px){.text-sm{padding:0}.cont-900px{max-width:90%}}@media (min-width: 500px) and (max-width: 799.8px){.cont-900px{max-width:75%}}@media (max-width: 799.8px){#sobre_mi .align-items-center{justify-items:center;display:grid}.cont-900px .align-items-center{margin:0}.text-sm{padding-left:0;padding-right:0;padding-bottom:40px;width:95%;font-size:12.5px;line-height:15px}.skills{width:80%;padding:0;justify-self:center;justify-items:center}.skills div{height:50px}.adicionales{padding-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.adi-4,.adi-5,.adi-6{grid-row-start:2}}