#title{aspect-ratio:16/9;content-visibility:auto;contain:paint;background-image:url(/backgrounds/bg2.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:105vh;position:relative}#title div *{font-family:var(--font-mars)!important}.content-container{opacity:.9;mix-blend-mode:screen;filter:saturate(2)}.header-title{text-align:center;will-change:transform, opacity;cursor:pointer;margin-bottom:2.5rem;font-size:clamp(4rem,18vw,20rem);line-height:.75em;transition:filter .15s,transform .15s;animation:.75s .5s both titleAppear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-title:hover{filter:brightness(1.15)}.header-title:active{transform:translate(-50%,-50%)scale(.96)}@keyframes titleAppear{0%{opacity:0}to{opacity:1}}.text-decoration-1{text-align:center;color:var(--color-primary-500);flex-direction:column;gap:1.25rem;font-size:clamp(2rem,5vw,25rem);line-height:.75em;animation:1s .5s both titleAppear;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.text-decoration-1 span{color:var(--color-primary-500);font-size:clamp(2rem,4vw,25rem);animation:1s .5s both titleAppear}.text-decoration-1 img{cursor:pointer;width:2rem;height:2rem;margin:0 auto;animation:1s .5s both titleAppear}.text-decoration-2{text-align:center;font-size:clamp(2rem,3vw,25rem);line-height:.75em;animation:1s .6s both titleAppear;position:absolute;top:calc(50% - 80px);left:10vw;transform:rotate(-12deg)}@media (width>=640px){.text-decoration-2{top:calc(50% - 110px)}}@media (width>=1024px){.text-decoration-2{top:calc(50% - 130px)}.text-decoration-1 img{width:2.5rem;height:2.5rem}}#about{background-color:var(--color-secondary-800);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;margin:0 auto;padding-top:2.5rem;padding-left:2rem;padding-right:2rem;font-style:italic;display:flex;position:relative}@media (width>=640px){#about{padding-left:5rem;padding-right:5rem}}@media (width>=1024px){#about{flex-direction:row;padding-top:0;padding-left:2.5rem;padding-right:2.5rem}}.about-left{max-width:600px;font-weight:700}@media (width>=1024px){.about-left{transform:rotate(-3deg)}}.about-title *{font-family:var(--font-mars)!important}.hello-text{flex-wrap:wrap;gap:.05em .18em;margin-bottom:1.25rem;display:flex}.rasgadura-up{inset-inline:0;aspect-ratio:22;background-image:url(/decoration/rasgadura1.webp);background-position:50%;background-repeat:round;background-size:contain;width:100%;height:auto;position:absolute;top:-4vw}.rasgadura-down{inset-inline:0;aspect-ratio:22;background-image:url(/decoration/rasgadura2.webp);background-position:50%;background-repeat:round;background-size:contain;width:100%;height:auto;position:absolute;bottom:-4vw}#curriculum{background-color:var(--color-secondary-500);flex-direction:column;justify-content:center;align-items:flex-end;gap:1.25rem;height:auto;min-height:700px;padding-top:12.5rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){#curriculum{flex-direction:row;padding-left:1.25rem;padding-right:1.25rem}}.marquee-wrapper{background-color:var(--color-primary-500);width:100%;height:auto;color:var(--color-secondary-500);align-items:center;display:flex;position:absolute;top:8rem;overflow:hidden;transform:rotate(2deg)}.marquee-track{white-space:nowrap;text-transform:uppercase;gap:.25rem;font-size:1.875rem;font-weight:700;animation:60s linear infinite marqueeScroll;display:flex}.marquee-track p{margin-right:.5rem}@keyframes marqueeScroll{to{transform:translate(-100%)}}.curriculum-list-container{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;max-width:1120px;margin:0 auto;padding:2.5rem;display:flex}@media (width>=768px){.curriculum-list-container{flex-direction:row;align-items:flex-start;padding:0 1.25rem 4rem}}.curriculum-card{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-width:0;height:auto;padding:1.25rem 0;display:flex}@media (width>=1024px){.curriculum-card{justify-content:flex-start;padding:1.25rem}}.experience-title-card{background-color:var(--color-secondary-800);text-transform:uppercase;text-align:center;border:1px solid #ffca4140;border-radius:.375rem;justify-content:center;align-items:center;width:100%;max-width:500px;height:7rem;margin:.5rem auto;padding:.5rem;font-size:2.25rem;font-style:italic;font-weight:900;line-height:1.05;display:flex;position:relative}@media (width>=640px){.experience-title-card{font-size:3rem}}.experience-cotent-list{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:500px;height:auto;display:flex}.experience-cotent-list-item{background-color:var(--color-secondary-800);overflow-wrap:break-word;hyphens:auto;border:1px solid #ffca4140;border-radius:.375rem;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:500px;height:auto;padding:.75rem;display:flex}.curriculum-item-title{hyphens:none;overflow-wrap:normal;word-break:normal;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.08}.curriculum-item-description{font-size:clamp(.9rem,1vw,1rem);line-height:1.35}.edu-list .experience-cotent-list-item{padding:.625rem .75rem}.edu-list .experience-cotent-list-item>span{font-size:1rem;line-height:1.2}.edu-list .curriculum-item-title{font-size:clamp(1.15rem,1.35vw,1.55rem)}.edu-list .curriculum-item-description{font-size:.9rem;line-height:1.25}#skills-section-container{width:100vw;height:100%;padding-bottom:5rem;overflow:hidden}#skills{background-color:var(--color-secondary-800);border:2px dashed;flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100vw + 125px);height:100%;margin-top:2.5rem;padding:2.5rem calc(100px + 2.5rem) 2.5rem 2.5rem;display:flex;position:relative;left:-1.25rem;transform:rotate(2deg)}@media (width>=1024px){#skills{flex-direction:row}}.skills-container{flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100vw - 50px);height:100%;display:flex;transform:rotate(-2deg)}.skills-category-list{flex-flow:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:auto;margin:2.5rem 0;padding:0;font-size:1.5rem;list-style:none;display:flex}.skills-category-list li{cursor:pointer;border-radius:24px;padding:.5rem 2.5rem;transition:all .3s}.skills-gallery{flex-direction:column;align-items:center;width:100%;max-width:1200px;min-height:400px;margin:0 auto;padding:0 1rem;display:flex}.featured-skills{flex-flow:wrap;justify-content:center;gap:.5rem;width:100%;min-height:200px;margin-bottom:3rem;animation:.6s both traslateR;display:flex}.other-skills{opacity:.4;flex-flow:wrap;justify-content:center;gap:.25rem;width:100%;animation:.6s both traslateL;display:flex}.skill-item{flex-direction:column;align-items:center;gap:.5rem;padding:1rem;animation:.5s .8s both skillFadeIn;display:flex}.skill-item:not(.featured){flex-basis:6rem;padding:.5rem}.skill-item.featured img{width:5rem;height:5rem}@media (width>=640px){.skill-item.featured img{width:6rem;height:6rem}}.skill-item img{object-fit:contain;width:2rem;height:2rem}@media (width>=640px){.skill-item img{width:3rem;height:3rem}}.skill-item span{text-align:center;font-size:.875rem}.skill-item.featured span{font-size:1.125rem}.skills-gallery.transitioning .featured-skills,.skills-gallery.transitioning .other-skills{opacity:0;transition:opacity .3s}@keyframes traslateR{0%{transform:translate(25%)}to{transform:translate(0)}}@keyframes traslateL{0%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes skillFadeIn{0%{opacity:0;transform:translateY(20px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}#projects{padding:6rem 0 4rem}.projects-head{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:3rem;display:flex}.projects-more{justify-content:center;margin-top:3rem;display:flex}#services{padding:2rem 0 5rem}.home-service{color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}.home-service:hover{border-color:#ffbe4173;transform:translateY(-4px)}.home-services-actions{justify-content:center;margin-top:2.5rem}#contact{background-color:var(--color-secondary-800);height:auto;min-height:100vh;display:flex;position:relative}.contact-form-container{width:100%;height:auto;min-height:700px}.contact-social-icons{margin-top:1.25rem}.email-link{color:#fff;justify-content:flex-start;align-items:center;gap:.25rem;width:100%;max-width:500px;padding:.5rem;text-decoration:none;display:flex}#contact form{background-color:var(--color-secondary-500);border:1px dashed #ffbe4140;border-radius:2px;flex-direction:column;justify-content:center;gap:.75rem;max-width:500px;height:auto;max-height:600px;padding:1.25rem;display:flex}#contact form button{border-radius:.375rem;width:100%;max-width:20rem;margin:0 auto;font-size:1.5rem;font-weight:900}#contact input,#contact textarea{color:#fff;background-color:#ffbe4133;border:1px solid #ffbe4140;border-radius:2px;outline:none;width:100%;height:2.5rem;max-height:15rem;padding:.5rem}#contact input:hover,#contact textarea:hover{border-color:#ffbe41b3}#contact input:focus,#contact textarea:focus{border-color:var(--color-primary-500);box-shadow:0 1px 2px #ffbe4140}#contact textarea{resize:none;border:2px solid #ffbe4140;height:200px}#contact input.error-field{border-color:#ef4444}
