@import"https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Monofett&family=Permanent+Marker&family=Wallpoet&display=swap";*{padding:0;margin:0}body{font-family:Wallpoet,sans-serif;font-weight:400;font-style:normal;background-color:#000;background-repeat:repeat;background-size:400px 400px;margin:0;padding:0}.main{display:flex;flex-direction:row;box-sizing:border-box;padding:50px 100px 0;flex-wrap:wrap}.text-container{flex:.5;padding:0;min-width:300px}.model-container{flex:.5;display:flex;align-items:center;justify-content:center;padding:20px;min-height:calc(100vh - 10px);min-width:300px}.text-container h2{color:#fff;font-size:5.25rem;letter-spacing:-.02em;font-weight:800}.text-container span{color:#5858e4;font-size:3.25rem;letter-spacing:-.02em;font-weight:800}.text-container p{color:#fff;font-size:1.75rem;letter-spacing:-.02em;font-weight:800}@media (max-width:900px){.main{display:block;padding:0}.model-container{flex:1;display:flex;align-items:center;padding:0;min-height:calc(100vh - 400px);height:500px}.text-container h2{padding-top:50px;font-size:3.25rem}.text-container span{font-size:1.75rem}}._background-container_vln4k_1{width:70%;height:45%;color:#5858e4;display:flex;justify-content:center;align-items:center}._container_vln4k_11{max-width:800px;width:100vw;margin:0 auto}ul{list-style:none;display:flex}.container{margin:0 auto;max-width:1500px;position:relative;width:100%;padding:0 1rem 5rem}img{border-radius:150px 15px 150px 150px/30px 225px 30px 30px;display:block;height:auto;max-width:100%}ul{list-style:none;margin-left:0}.shadow{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px #0000001a}.shadow:hover{transform:translate3d(0,5px,0);box-shadow:2px 8px 8px -5px #0000004d}a{color:#fff;text-decoration:none}h1{color:#fff;font-size:1.8rem;margin:1rem 0 3rem;text-align:center}h2{font-size:1.3rem;margin:0}.name-git{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:stretch}img{width:100%;height:auto;margin-bottom:2.5rem}li a{padding-inline-start:3rem}.card{position:relative;overflow:hidden;padding:1.5rem;box-shadow:0 0 387px 20px #5858e478;-webkit-box-shadow:0px 0px 387px 20px rgba(88,88,228,.47);-moz-box-shadow:0px 0px 387px 20px rgba(88,88,228,.47)}.card-internal{position:relative;background:transparent;overflow:hidden;border-top:1px solid rgb(88,88,228);border-right:1px solid rgb(88,88,228);border-bottom:1px solid rgb(88,88,228);border-left:1px solid rgb(88,88,228);padding:1.5rem}.card-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5rem}.border{border-radius:150px 15px 150px 150px/30px 225px 30px 30px}.top,.right,.bottom,.left{position:absolute;border-radius:100vmax}.top{top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,transparent 50%,rgba(255,49,49,.1),rgb(255,255,255));animation:animateTop 3s ease-in-out infinite}.bottom{right:0;bottom:0;height:4px;background:linear-gradient(90deg,rgb(255,255,255),rgba(57,255,20,.1),transparent 50%);animation:animateBottom 3s ease-in-out infinite}.right{top:0;right:0;width:4px;height:0;background:linear-gradient(180deg,transparent 30%,rgba(0,255,255,.1),rgb(255,255,255));animation:animateRight 3s ease-in-out infinite}.left{left:0;bottom:0;width:4px;height:0;background:linear-gradient(180deg,rgb(255,255,255),rgb(255,255,0,.1),transparent 70%);animation:animateLeft 3s ease-in-out infinite}@keyframes animateTop{25%{width:100%;opacity:1}30%,to{opacity:0}}@keyframes animateBottom{0%,50%{opacity:0;width:0}75%{opacity:1;width:100%}76%,to{opacity:0}}@keyframes animateRight{0%,25%{opacity:0;height:0}50%{opacity:1;height:100%}55%,to{height:100%;opacity:0}}@keyframes animateLeft{0%,75%{opacity:0;bottom:0;height:0}to{opacity:1;height:100%}}@media (max-width: 768px){.container{margin:0;padding:0}.card-list{grid-template-columns:1fr}}.navbar{color:#fff;position:fixed;top:0;left:-330px;width:330px;height:100%;background-color:#000000f0;z-index:1000;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:50px;transition:left .3s ease}.navbar.open{left:0}.navbar img{height:auto;max-height:200px;width:auto;max-width:330px;border-radius:10px;margin-bottom:20px}.navbar a{color:#fff;text-decoration:none;padding:10px;font-size:20px;width:90%;text-align:center}.menu-toggle{position:fixed;top:10px;left:10px;z-index:1100;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.login-navbar{background-color:#004aad;border-radius:10px;width:10%;text-align:center}@media (max-width: 768px){.navbar a{font-size:16px}.navbar img{max-height:60px}.menu-toggle{font-size:20px}}.contact{color:#fff;text-align:center;padding-top:.1rem;margin-top:0rem;margin-bottom:0rem;padding-bottom:75px}.container.contact_container{width:100%;display:grid;grid-template-columns:20% 80%;gap:12%;padding-top:.1rem;padding-bottom:1rem}.contact_options{display:flex;flex-direction:column;gap:1.2rem}.contact_option{background:#5858e4;padding:1.2rem;border-radius:1.2rem;text-align:center;border:1px solid transparent;transition:var(--transition)}.contact_option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact_option-icon{font-size:4rem;margin-bottom:.5rem}.contact_option a{margin-top:.7rem;display:inline-block;font-size:.8rem}.mensaje{color:#fff}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{width:75%;padding:1.5rem;border-radius:.5rem;background:transparent;border:2px solid #2c2c6c;resize:none;color:#fff;font-size:15px}.btn-send{width:79%;padding:1.5rem;border-radius:.5rem;background:transparent;border:3px solid #2c2c6c;color:#fff;font-size:20px}@media screen and (max-width:1024px){.container.contact_container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:600px){.container.contact_container{grid-template-columns:1fr}input,textarea{width:85%;margin-right:100px;border-radius:.5rem;color:#fff;font-size:15px}}.duo-wrapper{display:flex;justify-content:center;align-items:center;padding:5rem;background-color:#000;margin-bottom:30px}.duo-card{background:#000;border-radius:20px;box-shadow:0 8px 20px #0000001a;padding:24px;width:50%;text-align:center;transition:transform .3s ease}.duo-card:hover{transform:scale(1.05)}.duo-title{font-size:1.8rem;color:#fff;margin-bottom:20px;margin-right:50px}.duo-image-container{border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.duo-image{width:100%;display:block}.duo-text{margin-top:20px;font-size:.95rem;color:#fff;font-family:Arial,sans-serif}@media (max-width:900px){.duo-wrapper{display:block;justify-content:center;align-items:center;padding:1rem}.duo-card{border-radius:20px;box-shadow:0 8px 20px #0000001a;padding:24px;width:90%;text-align:center;transition:transform .3s ease}.duo-title{font-size:1.8rem;color:#fff;margin-top:50px;margin-bottom:50px;margin-right:1px;text-align:center;justify-content:center}}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.container-github-active-days h2{color:#fff;font-size:2rem;font-weight:700;text-align:center;padding-top:50px;padding-bottom:30px}.github-activity-container{background:#282c34;border-radius:16px;box-shadow:0 4px 20px #0000004d;color:#c9d1d9;width:90%;margin:0 auto 50px}.react-calendar-heatmap .react-calendar-heatmap__day{rx:4px;ry:4px}.color-empty{fill:#1c2128}.color-scale-1{fill:#1a1a66}.color-scale-2{fill:#33a}.color-scale-3{fill:#5858e4}.color-scale-4{fill:#7d7df0}.react-calendar-heatmap text{fill:#fff;font-size:10px}#heatmap-tooltip{background:#161b22!important;color:#f0f6fc!important;border-radius:8px!important;padding:6px 10px!important;font-size:1.85rem;border:1px solid #30363d!important;white-space:normal}@media (max-width: 600px){#heatmap-tooltip{font-size:.75rem!important;padding:4px 6px!important}}.footer{background-color:#282c34;color:#fff;padding:20px;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center}.footer-photo{width:80px;height:80px;border-radius:50%;margin-bottom:10px}.social-links a{margin:0 10px;color:#5858e4;text-decoration:none;font-size:30px}.social-links a:hover{color:#21a1f1}p{margin:10px 0;font-size:20px}