@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Imprima&display=swap);.container-header{background-color:#202020;border-bottom:2px solid #59f8e8;display:flex;padding:6px 100px;position:relative}@media(max-width:800px){.container-header{padding:6px 50px;position:relative;width:100%}.container-header .menu-button{display:block!important}.container-header .links{display:none}.container-header.active{display:flex;flex-direction:column;transition:.3s}.container-header.active .container-header-nav{width:100%}.container-header.active .container-header-nav.active{height:90px}.container-header.active .container-header-nav.active .menu-button{right:-32px;top:-36px}.container-header.active .container-header-nav.active .menu-button .menu-icon{background:none;filter:drop-shadow(0 0 4px #59F8E8);height:0;transform:rotate(1turn)}.container-header.active .container-header-nav.active .menu-button .menu-icon:after,.container-header.active .container-header-nav.active .menu-button .menu-icon:before{transition:.3s}.container-header.active .container-header-nav.active .menu-button .menu-icon:after{transform:rotate(45deg)}.container-header.active .container-header-nav.active .menu-button .menu-icon:before{transform:rotate(-45deg)}.container-header.active .container-header-nav.active .links{display:flex;margin:0 auto}}.container-header-icons{display:flex;gap:20px}.container-header-nav{align-items:center;display:flex;height:35px;margin-left:auto;position:relative;transition:.3s}.container-header-nav .menu-button{cursor:pointer;display:none;height:32px;position:absolute;top:0;width:32px}.container-header-nav .menu-button .menu-icon{background-color:#59f8e8;height:4px;margin-top:14px;position:relative;transition:.8s;width:100%}.container-header-nav .menu-button .menu-icon:after,.container-header-nav .menu-button .menu-icon:before{background-color:#59f8e8;content:"";height:4px;position:absolute;width:32px}.container-header-nav .menu-button .menu-icon:after{transform:translateY(8px)}.container-header-nav .menu-button .menu-icon:before{transform:translateY(-8px)}.container-header-nav ul{display:flex;font-size:18px;gap:20px;transition:.2s}.container-header-nav ul a{transition:.3s}.container-header-nav ul a:hover{color:#25a2f3}#about{text-align:center}@media(max-width:410px){#about{padding:0 10px}}#about .about-title{color:#25a2f3;font-size:2.8rem;margin-bottom:15px}#about .about-subtitle{font-size:2.2rem}#about .about-text{font-size:1.6rem;margin:0 auto;max-width:680px}#about .about-text:first-of-type{margin-bottom:35px;margin-top:45px;max-width:515px}#about .about-cta{margin-top:50px}#about .about-cta-text{font-family:Imprima,sans-serif;font-size:1.6rem;letter-spacing:1px;margin-bottom:25px}.icon{color:#59f8e8;cursor:pointer;font-size:3.2rem;transition:.4s}.icon:hover{color:#25a2f3;transform:scale(1.1)}.icon.static{cursor:default}.icon.static:hover{color:#59f8e8;transform:none}.icon.html:hover{color:#e34c26}.icon.css:hover{color:#0f5298}.icon.javascript:hover{color:#dfc011}.icon.react:hover{color:#61dbfb}.icon.python:hover{color:#0cf}.icon.sass:hover{color:#cd6799}.icon.github:hover{color:#ebe7e7}.icon.git:hover{color:#f1502f}.icon.figma:hover{color:#51af5e}.icon.mongo:hover{color:#15f332}#profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px}#profile .profile-image-box{background-color:#5f5f5f;border:2px solid #25a2f3;border-radius:30px;height:200px;margin-bottom:35px;width:250px}#profile .profile-image-box .profile-image{border-radius:30px;height:100%;object-fit:cover;width:100%}#profile .profile-text{max-width:400px;text-align:center;width:100%}#profile .profile-text p{font-size:2.2rem;line-height:150%}#profile .profile-icons{display:flex;gap:30px;justify-content:space-around;margin-top:25px}#skills{text-align:center}#skills .skills-box-title,#skills .skills-title{color:#25a2f3}#skills .skills-title{font-size:2.4rem;margin-bottom:45px}#skills .skills-box-title{font-size:2rem;margin-bottom:20px}#skills .skills-container{display:flex;gap:80px;justify-content:center}@media(max-width:800px){#skills .skills-container{flex-direction:column;gap:40px}#skills .skills-container .skills-container-frontEnd-techs{margin:0 auto}}#skills .skills-container-frontEnd-techs{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:120px}#skills .skills-container-languages-language{font-size:1.8rem}#skills .skills-container-languages-language p:first-of-type{margin-bottom:10px}#skills .skills-container-tools-tool{gap:10px}#skills .skills-container-tools-tool,.btn{align-items:center;display:flex;justify-content:center}.btn{background-color:#1f3a3e;border:1px solid #59f8e8;border-radius:10px;font-family:Inter,sans-serif;height:40px;margin:0 auto;transition:.5s;width:130px}.btn.send{background-color:#25a2f3;border-color:#25a2f3;color:#fff;font-size:1.4rem;font-weight:900;height:35px;letter-spacing:1px;width:145px}.btn.send:hover{background:none;border-color:#25a2f3;color:#25a2f3}.btn.links{background:none;border-radius:12px;color:#59f8e8;font-size:1.4rem;height:35px;letter-spacing:1px;width:160px}.btn.links:hover{border-color:#25a2f3;color:#25a2f3}.btn.cta-modal:hover,.btn.cta:hover{background:#59f8e8}.btn.cta-modal:hover .icon,.btn.cta:hover .icon{color:#111010}.btn.cta .icon,.btn.cta-modal .icon{cursor:pointer}.btn.close-popup{border-radius:50%;color:#59f8e8;height:36px;width:36px}.btn.close-popup:hover{background:none;border-color:#25a2f3;color:#25a2f3}#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:100px;position:relative}@media(max-width:410px){#contact{padding:0 10px}}#contact .contact-title{color:#25a2f3;margin-bottom:45px}#contact .contact-form{background-color:#393939;border-radius:10px;max-width:500px;padding:30px;width:100%}#contact .contact-form-upper{display:flex;gap:40px;margin-bottom:30px}#contact .contact-form-upper-box{display:flex;flex-direction:column;gap:5px;width:100%}#contact .contact-form-upper-box label{color:#25a2f3;font-size:1.8rem}#contact .contact-form-upper-box .email-input,#contact .contact-form-upper-box .name-input{background-color:#5f5f5f;border:1px solid #25a2f3;border-radius:10px;color:#fff;font-size:1.4rem;height:35px;letter-spacing:1px;padding-left:10px;width:100%}#contact .contact-form-upper-box .email-input::placeholder,#contact .contact-form-upper-box .name-input::placeholder{color:#fff}#contact .contact-form-upper-box .email-input.error,#contact .contact-form-upper-box .name-input.error{background-color:rgba(184,37,37,.153);border-color:#b82525}#contact .contact-form-upper-box .email-input.error::placeholder,#contact .contact-form-upper-box .name-input.error::placeholder{color:#e6d7d7}#contact .contact-form-lower{display:flex;flex-direction:column;margin-bottom:20px;width:100%}#contact .contact-form-lower label{color:#25a2f3;font-size:1.8rem;margin-bottom:5px}#contact .contact-form-lower .message-input{background-color:#5f5f5f;border:1px solid #25a2f3;border-radius:10px;color:#fff;font-size:1.4rem;letter-spacing:1px;min-height:135px;padding:15px}#contact .contact-form-lower .message-input::placeholder{color:#fff}#contact .contact-form-lower .message-input.error{background-color:rgba(184,37,37,.153);border-color:#b82525}#contact .contact-form-lower .message-input.error::placeholder{color:#e6d7d7}.container-popup{align-items:center;animation:popup-animation .5s ease-in-out 1;background-color:#262627;border:1px solid #59f8e8;border-radius:16px;box-shadow:0 0 20px #25a2f3;display:flex;flex-direction:column;left:50%;margin-left:-25%;padding:15px;position:absolute;top:-80%;width:50%;z-index:99}.container-popup h2{font-size:1.8rem;margin-top:10px;text-align:center}.container-popup p{font-size:1.4rem;font-weight:400;margin-bottom:15px;text-align:center}.container-popup p:first-of-type{margin-top:20px}.container-popup p:last-of-type{margin-bottom:20px}.container-carousel{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.container-carousel-arrows{display:flex;gap:50px}.container-carousel .slider{align-items:center;display:flex;height:180px;overflow:hidden;position:relative;width:100%}.container-carousel .slider .item{height:auto;left:calc(50% - 125px);padding:20px;position:absolute;transition:.5s;width:250px}.container-carousel .slider .item img{border:1px solid #000;border-radius:8px;transition:.5s}.container-carousel .slider .item.active img{border-color:#59f8e8;box-shadow:0 0 15px #25a2f3;transform:scale(1.2)}.container-highlight{animation:none;background-color:#393939;border:1px solid #25a2f3;border-radius:10px;box-shadow:0 0 10px #59f8e8;display:flex;margin:0 auto 40px;max-width:580px;width:100%}@media(max-width:800px){.container-highlight{flex-direction:column;height:auto;padding:20px 0;width:70%}.container-highlight img{border:2px solid #25a2f3;border-radius:10px!important;margin:0 auto;min-width:180px;width:80%}}.container-highlight.animated{animation:pulse-animation .5s ease-out 1}.container-highlight img{border-radius:10px 0 0 10px;border-right:1px solid #25a2f3}.container-highlight .text-content{align-items:center;display:flex;flex-direction:column;margin:20px auto}.container-highlight .text-content-title{color:#25a2f3;font-size:1.8rem}.container-highlight .text-content-techs{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px 10px}.container-highlight .text-content-techs .icon{font-size:3.6rem}#projects{position:relative;text-align:center}@media(max-width:410px){#projects{padding:0 10px}}#projects .projects-title{color:#25a2f3}#projects .projects-subtitle{font-size:1.8rem;font-weight:400;margin:20px 0 50px}#projects .cta{margin-top:50px}#projects .cta p{font-family:Imprima,sans-serif;font-size:1.6rem;font-weight:400}#projects .cta p:last-of-type{margin:5px 0 25px}.container-modal{background-color:#262627;display:flex;height:80%;position:absolute;top:0;transition:.5s;width:100%;z-index:99}@media(max-width:410px){.container-modal{width:95%}}.container-modal .modal-content{animation:button-shadow-throb 1.75s linear infinite;background-color:#262627;border:1px solid #59f8e8;border-radius:16px;box-shadow:0 0 30px 10px #59f8e8;height:420px;margin:auto;padding:40px 20px;position:relative;text-align:center;transform:perspective(80px);transition:1s;width:410px}.container-modal .modal-content .modal-title{color:#25a2f3}.container-modal .modal-content .close{position:absolute;right:20px;top:20px}.container-modal .modal-content .modal-box{display:flex;flex-direction:column;font-family:Imprima,sans-serif;font-size:1.6rem;font-weight:400;gap:25px}.container-modal .modal-content .modal-box:first-of-type{margin-top:50px}.container-modal.hidden{background-color:none;opacity:0;z-index:-10}.container-modal.hidden .modal-content{transform:translateZ(12px)}.container-footer{background-color:#202020;border-top:2px solid #59f8e8;display:flex;justify-content:center;padding:5px 100px}.container-footer-icons{align-items:center;display:flex;gap:20px;height:40px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background:linear-gradient(0deg,#0f0f0f,#1c1c1d,#2e2e30) no-repeat;font-family:Inter,sans-serif;font-size:1.8rem}a,body{color:#fff}a{text-decoration:none}li{list-style:none}button{cursor:pointer}input,textarea{outline:none}textarea{resize:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:linear-gradient(0deg,#0f0f0f,#1c1c1d,#2e2e30) no-repeat}::-webkit-scrollbar-thumb{background:#59f8e8;border-radius:8px}@keyframes pulse-animation{0%{box-shadow:0 0 10px #59f8e8}25%{box-shadow:0 0 15px #59f8e8}40%{box-shadow:0 0 30px #59f8e8}50%{box-shadow:0 0 40px #59f8e8}60%{box-shadow:0 0 30px #59f8e8}75%{box-shadow:0 0 15px #59f8e8}to{box-shadow:0 0 10px #59f8e8}}@keyframes button-shadow-throb{0%{box-shadow:0 0 0 0 #59f8e8,0 0 0 0 #59f8e8,0 0 0 0 #59f8e8}15%{box-shadow:0 0 0 0 #59f8e8,0 0 0 0 #59f8e8,0 0 0 5px #59f8e8}30%{box-shadow:0 0 0 0 #59f8e8,0 0 0 5px #59f8e8,0 0 0 10px rgba(0,124,255,.251)}45%{box-shadow:0 0 0 5px rgba(0,124,255,.502),0 0 0 10px rgba(0,124,255,.251),0 0 0 15px rgba(0,124,255,.125)}60%{box-shadow:0 0 0 10px rgba(0,124,255,.251),0 0 0 15px rgba(0,124,255,.125),0 0 15px 15px #007cff00}75%{box-shadow:0 0 15px 15px #007cff00,0 0 0 15px rgba(0,124,255,.125),0 0 15px 15px #007cff00}90%{box-shadow:0 0 15px 15px #007cff00,0 0 15px 15px #007cff00,0 0 15px 15px #007cff00}to{box-shadow:0 0 15px 15px #007cff00,0 0 15px 15px #007cff00,0 0 15px 15px #007cff00}}@keyframes popup-animation{0%{box-shadow:0 0 5px #25a2f3;opacity:0;transform:translateY(-150%)}50%{box-shadow:0 0 12px #25a2f3;opacity:1;transform:translateY(15px)}to{box-shadow:0 0 20px #25a2f3;opacity:1;transform:translateY(0)}}.container{background-color:#262627;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1040px;width:80%}@media(max-width:800px){.container{width:95%}}@media(max-width:410px){.container{width:100%}}.container .span-highlight{color:#25a2f3}.container .span-highlight-language{color:#59f8e8}.container .line{background-color:#59f8e8;height:2px;margin:100px auto;width:72%}
/*# sourceMappingURL=main.bcdc6a83.css.map*/