*{margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}li{list-style:none}.nav{background-color:#a42cd6}.hero{height:100vh;display:flex;justify-content:center;align-items:center;gap:15rem}.hero-content{color:#a42cd6}.name{color:#f7e733;text-decoration:underline}.nav-name{color:#f7e733;letter-spacing:3px;font-weight:bolder}.nav-btn{color:#f7e733;font-family:inherit;font-weight:800;cursor:pointer;position:relative;border:none;background:none;text-transform:uppercase;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:color}.nav-btn:focus,.nav-btn:hover{color:#eec643}.nav-btn:focus:after,.nav-btn:hover:after{width:100%;left:0%}.nav-btn:after{content:"";pointer-events:none;bottom:-2px;left:50%;position:absolute;width:0%;height:2px;background-color:#fff;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:width,left}.img-me{border-radius:1000rem;max-height:20rem;border:2px solid #A42CD6;transition:transform .2s ease}.img-me:hover{border:3px solid #A42CD6;transform:scale(1.1)}.hero-button{appearance:none;background-color:transparent;border:.125em solid #1A1A1A;border-radius:.9375em;box-sizing:border-box;color:#3b3b3b;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;margin:0;min-height:3.75em;min-width:0;outline:none;padding:1em 2.3em;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform}.hero-button:disabled{pointer-events:none}.hero-button:hover{color:#fff;background-color:#a42cd6;box-shadow:#00000040 0 8px 15px;transform:translateY(-2px)}.hero-button:active{box-shadow:none;transform:translateY(0)}.hero-icon{color:#a42cd6!important;text-decoration:none}.hero-icon:hover{transform:scale(1.2);transition:transform .1s ease}.aboutme-text{color:#a42cd6}.aboutme-title{color:#f7e733}.skills-box{width:12rem;min-height:16rem;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #a42cd6;padding:1.3rem}.skills-tittle{color:#c179b9;font-size:3rem}.skills-icon:hover{transform:scale(1.1);transition:transform .2s ease}.skills-box-tittle{color:#c179b9;border-bottom:1px solid #C179B9}.skills-icon-tittle{color:#c179b9}.section-container{margin-top:20rem}.projects-tittle{color:#c179b9;font-size:3rem}.projects-box{color:#c179b9;width:17rem;border:1px solid #EEC643;transition:transform .3s ease}.projects-box:hover{transform:translateY(-5px) scale(1.02)}.project-btn{color:#f7e733;padding:.7rem 1.7rem;font-size:1.2rem;border-radius:.5rem;background:transparent;cursor:pointer;border:1px solid #C179B9;transition:all .3s}.project-btn:hover{border:1px solid white;background-color:#a42cd6;font-weight:bolder}.project-img{width:100%;height:auto;border-radius:5px;object-fit:cover}.softskills-title{color:#c179b9}.softskills-card{color:#000;background-color:#f7e733;border-radius:.5rem;padding:.5rem .2rem .2rem;text-align:center}.aboutme-container{margin-bottom:25rem}.footer-custom{background-color:#f7e733;box-shadow:0 -1px 10px #0000004d}.footer-icon{font-size:1.5rem;transition:transform .3s ease,color .3s ease}.footer-icon:hover{transform:scale(1.2)}.footer-linkedin:hover{color:#10f!important}.footer-gmail:hover{color:red!important}.footer-github:hover{color:#3f3f3f!important}.footer-link-aboutme:hover{color:#03a9f4!important}@media (max-width: 768px){.nav-name{display:none}.projectsmobile{flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 600px){.hero{flex-direction:column-reverse!important}nav ul{flex-direction:column}}