.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:105rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{border-radius:1rem;height:3rem;object-fit:cover;width:4rem}.logoBtn{background:none;border:none;padding:0}.desktopMenuListItem{cursor:pointer;margin:2.5rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:1rem;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0!important}.mobMenu{display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);margin:0 10rem 0 auto;max-width:100rem;overflow:hidden;position:relative;width:100vw}.bg{height:100vh;object-fit:cover;position:absolute;right:0;top:-13rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.75rem 1.5rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:840px){.bg{right:-10vw}.introContent{font-size:10vw}.hello{font-size:4.5vw}}@media screen and (max-width:480px){.bg{right:-20vw}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:3rem auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:1.1rem;font-weight:200;max-width:50rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.75rem;font-weight:300}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;font-weight:350;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{height:20rem;margin:.5rem;object-fit:cover;width:30rem}.worksBtn{background:#fff;border:none;border-radius:2rem;font-size:1rem;font-weight:500;margin:3rem 0;padding:.5rem 2.5rem}@media screen and (max-width:585px){.worksImg{height:45vw}}.contenedor{margin-right:2rem;margin-top:8rem}.carpetacolilla{border:2px solid #fff;border-bottom:none;border-top-left-radius:1rem;border-top-right-radius:1rem;color:#000;flex-direction:column;height:2rem;padding-top:1rem;position:relative;top:.2rem;width:10rem}.carpeta,.carpetacolilla{align-items:center;background-color:#ffd153;display:flex;justify-content:center}.carpeta{border:2px solid #fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius:0;border-top-right-radius:1rem;height:18rem;width:27rem;z-index:100}.imagenes{bottom:-1%;display:flex;gap:1rem;left:50%;overflow:hidden;position:relative;transform:translateX(-70%);transition:all 1s ease;z-index:-100}.imagenes img{border-radius:.5rem;box-shadow:0 4px 10px #0003;height:12rem;width:10rem;z-index:-1}.carpeta.visible .imagenes{bottom:50%}@media screen and (max-width:585px){.contenedor{margin-right:0;margin-top:6.5rem}.carpeta{height:14rem;left:10%;width:22rem}.carpetacolilla{height:2rem;width:11rem}.contenedor:last-child{margin-bottom:5rem}.imagenes img{width:8rem}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.clientsDesc{font-size:1rem;font-weight:300}.clientsImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:1rem 0;max-width:65rem;width:100vw}.clientImg{background:#dfdfdf;height:10rem;margin:.5rem;object-fit:cover;padding:.25rem;width:20rem}.clientImg:last-child{width:11rem}#clients{padding:2rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.message,.name{background:#282828;border:none;border-bottom:.1rem solid #b3b3b3;border-radius:1rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}textarea{resize:none}.submitBtn{background:#fff;border:none;border-radius:.75rem;color:#000;cursor:pointer;font-size:medium;margin:2rem;padding:.75rem 3.5rem}.submitBtn.clicked{background:#282828;color:#fff}.links{display:flex;flex-wrap:wrap;justify-content:center}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.error{color:red;font-size:.9rem;margin-top:.5rem}.popup{background-color:#4caf50}.errorpopup,.popup{animation:fadeInOut 3s ease-in-out;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;font-size:1.2rem;left:50%;padding:1rem 2rem;position:fixed;text-align:center;top:20%;transform:translate(-50%,-50%);z-index:1000}.errorpopup{background-color:#f02b2b}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media screen and (max-width:585px){.clientImg{height:20vw;width:40vw}.error{font-size:.8rem}.errorpopup,.popup{font-size:medium;height:10vh;width:60vw}.clientImg:last-child{width:6rem}}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}@media screen and (max-width:600px){.footer{font-size:x-small}}
/*# sourceMappingURL=main.05d1bacd.css.map*/