@import"https://fonts.googleapis.com/css2?family=Poppins&family=Ubuntu:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth}.max-width{max-width:1300px;padding:0 5em;margin:auto}section{padding:12vh 0 0}section .title{position:relative;text-align:center;font-size:clamp(24px,4.5vw,60px);font-weight:500;padding-bottom:1em;font-family:Ubuntu,sans-serif}.about,.projects,.services,.skills,.contact,footer{font-family:Poppins,sans-serif}.about .about-content,.projects .projects-content,.services .serv-content,.skills .skills-content,.contact .contact-content{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:clamp(14px,1.8vw,16px)}.projects .projects-content,.services .serv-content{background-color:#000;padding:1em 1em 0;border-radius:15px}.projects .projects-content div{flex-basis:content}.card{width:100vw;background:#1a1a1a;text-align:center;border-radius:6px;padding:1em 4em 2em;transition:all .3s ease;color:#fff;margin:0 0 1em}.card .box{transition:all .3s ease}.card:hover .box{transform:scale(1.08)}.card i{color:#fff;font-size:clamp(30px,6vw,50px);padding:.5em;transition:color .3s ease}.card:hover i{color:#dc143c}.card .text{color:#dc143c;font-size:clamp(20px,1.5em,25px);font-weight:600;margin:10px 0 7px}@media (max-width: 950px){.max-width{padding:0 1em}.card{width:calc(50% - 10px)}}@media (max-width: 690px){.max-width{padding:0 2em}.card{width:100%}}.navbar{position:fixed;width:100%;z-index:999;padding:1em 0;font-family:Ubuntu,sans-serif;transition:all .3 ease}.navbar .max-width{padding:0 1em}.navbar.sticky{padding:15px 0;background:#dc143c}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo a{color:#535353;font-size:clamp(16px,4vw,35px);font-weight:600;white-space:nowrap}.navbar.sticky .logo a span{color:#000;transition:color .3s ease}.navbar.sticky .logo a{color:#fff;transition:color .3s ease}.navbar .logo a span{color:#dc143c}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{color:#535353;font-size:clamp(10px,4vw,18px);font-weight:500;margin-left:1em;transition:color .3s ease}.navbar.sticky .menu li a{color:#fff;font-size:clamp(10px,4vw,18px);font-weight:500;margin-left:1em;transition:color .3s ease}.navbar .menu li a:hover{color:#dc143c}.navbar.sticky .menu li a:hover{color:#000;transition:color .3s ease}.menu-btn{color:#535353;font-size:30px;cursor:pointer;display:none}.navbar.sticky .menu-btn{color:#000}.copy-success-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#dc143c;color:#fff;padding:10px 20px;border-radius:5px;z-index:1000;animation:fadeOut 1s ease-out 1s forwards}.navbar .menu .language-select{color:#535353;font-size:clamp(10px,4vw,18px);background:transparent;border:none;margin-left:1em;padding:.5em;cursor:pointer;transition:color .3s ease}.navbar.sticky .menu .language-select{color:#fff}.navbar .menu .language-select:hover{color:#dc143c}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width: 1035px){.menu-btn{display:block;margin-left:.5em;z-index:999}.menu-btn i.active:before{content:"";color:#fff}.menu-btn:hover i.active:before{color:#dc143c;font-size:1.1em;transition:all .4s ease}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#111;text-align:center;padding-top:5rem;transition:all .4s ease}.navbar .menu.active{left:0}.navbar.sticky .menu.active li a{font-size:1.5em;margin-left:20px 0}.navbar.sticky .menu.active li a:hover{color:#dc143c}.navbar .menu li{display:block}.navbar .menu li a{color:#fff;display:inline-block;margin:1em;font-size:clamp(20px,4vw,24px)}.navbar .menu .language-select{color:#fff;margin:.1em;font-weight:400;font-size:clamp(20px,4vw,24px)}}.socials{display:flex;flex-direction:column;align-items:center;border-radius:6px;border:2px solid crimson;background-color:#dc143c;font-family:Ubuntu,sans-serif;transition:all .3 ease;position:fixed;z-index:998;padding:.4em .65em;margin-top:15em}.icon-container{position:relative;display:flex;align-items:center}.socials i{color:#fff;cursor:pointer;font-size:18px;margin:.5em 0;transition:color .3s,transform .3s}.socials i:hover{color:#000;transform:scale(1.3)}#typed-phone{color:#fff;position:absolute;white-space:nowrap;margin-left:2.2em;background:#dc143c;padding:.3em;border-radius:8px;transition:all .3s ease}#typed-phone:hover{color:#000;transform:scale(1.03)}@media (max-width: 1035px){.socials{display:flex;flex-direction:row;align-items:center;position:relative;margin-top:0;margin-left:10vw;padding:.4em}.socials i{color:#fff;cursor:pointer;margin:0 .5em;transition:color .3s,transform .3s}.navbar.sticky .socials{background:#fff}.navbar.sticky .socials i{color:#000;cursor:pointer;margin:0 .5em;transition:color .3s,transform .3s}.navbar.sticky .socials i:hover{color:#dc143c;transform:scale(1.3)}.socials.active{position:fixed;margin-left:0;top:80%;left:50%;gap:18vw;transform:translate(-50%,-50%);transition:left,.3s ease;background:none;border:0}.socials.active i{font-size:10vw}.socials.active i:hover{color:#dc143c;transform:scale(1.3)}.navbar.sticky .socials.active{background:none}.navbar.sticky .socials.active i{color:#fff;cursor:pointer;font-size:10vw;margin:0 10px;transition:color .3s,transform .3s}.navbar.sticky .socials.active i:hover{color:#dc143c}}.home{display:flex;background:url(https://cdn.steluttomoiaga.com/silla.webp) no-repeat center;height:100vh;background-size:cover;background-attachment:fixed;color:#dc143c;min-height:500px;font-family:Ubuntu,sans-serif}.home .max-width{margin:auto 0 auto 40px}.home .contenido-principal .texto1{font-size:clamp(18px,4vw,35px)}.home .contenido-principal .texto2{font-size:clamp(38px,8vw,70px);font-weight:600;margin-left:-3px}.home .contenido-principal .texto3{font-size:clamp(18px,4vw,35px);margin:5px 0}.home .contenido-principal .texto3 span{font-size:clamp(38px,8vw,70px);color:#535353;font-weight:700}.home .contenido-principal .contact{display:inline-block;background:#dc143c;color:#fff;font-size:clamp(16px,3vw,26px);padding:.5em;margin-top:1em;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.home .contenido-principal .contact:hover{color:#dc143c;background:none}.about{padding-bottom:1em}.about-content .column.left{width:45%;padding-right:3em}.about-content .column.left img{height:100%;width:100%;object-fit:cover;border-radius:15px}.about-content .column.right{width:55%}.about-content .column.right .text{font-size:clamp(12px,1.4em,25px)}.about-content .column.right p{text-align:justify}.about-content .column.right div span{color:#dc143c}.about-content .column.right a{display:inline-block;background:#dc143c;color:#fff;font-size:1.3em;font-weight:600;padding:.5em 1.2em;margin-top:1.2em;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.about-content .column.right a:hover{color:#dc143c;background:none}.typing:after{display:none!important}@media (max-width: 1100px){.about-content .column.left img{height:100%;min-height:300px;width:100%;min-width:280px;object-fit:cover;border-radius:15px}}@media (max-width: 950px){.about div{max-width:800px}.about-content{width:100%}.about-content .column.left{display:flex;justify-content:center;padding-right:0;margin:0 auto 2em}.about-content .column.right{flex:100%}}.projects .projects-content a:hover{color:#dc143c;background:#fff;border:2px solid white}.projects .projects-content a{display:inline-block;background:#dc143c;color:#fff;font-size:clamp(8px,1em,16px);font-weight:600;padding:.5em 1em;margin-top:1.5em;border-radius:6px;border:2px solid crimson;transition:all .3s ease}.projects-content .box .icon-container{display:block}.projects-content .box .icon-container i{cursor:pointer;padding-top:.5em}.projects-content .box .icon-container i:hover{color:#fff;transition:all .3s ease}.skills-content{display:flex;justify-content:space-between}.skills .skills-content .column{flex:1;margin:0 15px}.skills .skills-content .left .text{font-size:25px;font-weight:600;margin-bottom:10px}.skills .skills-content .left p{text-align:justify}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{display:flex;margin-bottom:5px;align-items:center;justify-content:space-between}.skills .skills-content .right .span{font-weight:600;font-size:18px}.skills .skills-content .right .line{height:5px;width:100%;background:#d3d3d3;position:relative}.skills .skills-content .right .line:before{content:"";position:absolute;height:100%;left:0;top:0;background:#dc143c}.skills-content .right .java:before{width:80%}.skills-content .right .python:before{width:80%}.skills-content .right .js:before{width:80%}.skills-content .right .mysql:before{width:70%}.skills-content .right .css:before{width:70%}.skills-content .right .others:before{width:50%}@media (max-width: 725px){.skills .skills-content{flex-direction:column;align-content:center}.skills .skills-content .column.right{margin-top:2em}}footer{background:#fff;padding:1em;text-align:center}footer span{font-size:clamp(12px,3vw,16px)}footer span a{color:#dc143c;text-decoration:none}footer span a:hover{text-decoration:underline}