@charset "UTF-8";.home-container{display:flex;flex-direction:column;gap:100px}.resume-container{display:flex;align-items:center;justify-content:center;padding:0 100px}.resume-container .resume-text-container{display:flex;flex-direction:column}.resume-container .resume-text-container .resume-greeting{font-family:Bebas Neue,sans-serif;font-style:normal;font-size:80px;width:500px;color:#fff}.resume-container .resume-text-container .resume-text{color:#c7c7c7}.resume-container .resume-text-container .resume-buttons{display:flex;align-items:center;gap:10px}.resume-container img{height:450px;border-radius:10px;margin:80px}@media (max-width: 767px){.resume-container{flex-direction:column;padding:20px}.resume-container img{height:400px;margin:10px}.resume-container .resume-text-container .resume-greeting{font-size:40px;width:300px;margin:10px 0;text-align:left}.resume-container .resume-text-container .resume-text{font-weight:300;margin:10px 0}.resume-container .resume-text-container .resume-buttons{margin:20px 0;gap:10px}}.icon-button-a{width:30px;height:30px;border-radius:30px}.icon-button-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;background-color:#d3e97a;color:#000;border:none;transition:.1s;cursor:pointer}.icon-button-container:hover{background-color:#451599;color:#d3e97a}.icon-button-container:active{background-color:#2a0e5a;color:#d3e97a}.icon-button-container:disabled{background-color:#d6e1ab}@media (max-width: 767px){.icon-button-a,.icon-button-container{width:40px;height:40px;border-radius:40px}}.button-template-container{display:flex;align-items:center}.button-template-container .button-template{padding:10px;border:none;border-radius:20px;font-family:Inter,sans-serif;font-weight:600;color:#000;background-color:#d3e97a;transition:.1s;cursor:pointer}.button-template-container .button-template:hover{background-color:#451599;color:#d3e97a}.button-template-container .button-template:active{background-color:#2a0e5a;color:#d3e97a}.button-template-container .button-template:disabled{background-color:#d6e1ab}@media (max-width: 767px){.button-template{font-size:large}}.text-button-a .text-button-container{display:flex;align-items:center;color:#d3e97a;font-weight:600;margin:0;transition:.1s;gap:5px;text-decoration:underline #D3E97A}.text-button-a .text-button-container:hover{color:#451599;text-decoration:underline #451599}.text-button-a .text-button-container-empty{display:flex;align-items:center;color:#5c5c5c;font-weight:600;margin:0;transition:.1s;gap:5px;text-decoration:underline #5c5c5c}.text-button-a .text-button-container-empty:hover{cursor:not-allowed}.aboutMeComponent-container{display:flex;justify-content:center;padding:0 100px}.aboutMeComponent-container .aboutMeComponent-title{font-family:Bebas Neue;font-style:normal;font-size:80px;color:#fff}.aboutMeComponent-container .aboutMeComponent-resume{width:500px;text-align:justify;font-family:Inter;color:#fff;margin-left:200px}.aboutMeComponent-container .aboutMeComponent-resume .aboutMeComponent-resume-title{font-weight:600}.aboutMeComponent-container .aboutMeComponent-resume .aboutMeComponent-resume-text{font-weight:300}@media (max-width: 767px){.aboutMeComponent-container{flex-direction:column;padding:20px;align-items:start}.aboutMeComponent-container .aboutMeComponent-title{font-size:40px}.aboutMeComponent-container .aboutMeComponent-resume{width:auto;margin-left:0;text-align:justify}.aboutMeComponent-container .aboutMeComponent-resume .aboutMeComponent-resume-title{font-size:20px}}.contactMeComponent-container{display:flex;justify-content:center;gap:300px;padding:0 100px 80px}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-title{font-family:Bebas Neue,sans-serif;font-style:normal;font-size:60px;color:#fff}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-text{display:flex;justify-content:center;align-items:center;gap:5px}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-text .contactMeComponent-text-p{font-family:Inter;color:#fff}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-text .contactMeComponent-text-email{font-family:Inter;color:#fff;font-weight:300;text-decoration:underline}.contactMeComponent-container .contactMeComponent-buttons{display:flex;align-items:center;gap:10px}@media (max-width: 767px){.contactMeComponent-container{flex-direction:column;gap:20px;padding:20px}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-title{font-size:40px}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-text{flex-direction:column;align-items:start}.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-text .contactMeComponent-text-p,.contactMeComponent-container .contactMeComponent-text-container .contactMeComponent-text .contactMeComponent-text-email{margin:0;font-size:17px}.contactMeComponent-container .contactMeComponent-buttons{margin-top:20px}}.emailSender-container{display:flex;align-items:center;justify-content:center}.emailSender-container .emailSender-form-control{display:flex;flex-direction:column;gap:10px;width:350px}.emailSender-container .emailSender-form-control .emailSender-form-input{height:30px;border:none;padding:0 10px;border-radius:8px;background-color:#1a1a1a;color:#fff;font-family:Inter;font-weight:300;transition:.1s}.emailSender-container .emailSender-form-control .emailSender-form-input:focus{border:solid 2px;border-color:#d3e97a;outline:none}.emailSender-container .emailSender-form-control .emailSender-form-textarea{border:none;border-radius:8px;padding:5px 10px;background-color:#1a1a1a;color:#fff;font-family:Inter;font-weight:300;transition:.1s;resize:none}.emailSender-container .emailSender-form-control .emailSender-form-textarea:focus{border:solid 2px;border-color:#d3e97a;outline:none}@media (max-width: 767px){.emailSender-container .emailSender-form-control .emailSender-form-input,.emailSender-container .emailSender-form-control .emailSender-form-textarea{font-size:16px;padding:8px}}.snackbar-backdrop{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;width:auto;max-width:90%;animation:fadeIn .3s ease-in-out}.snackbar-backdrop .snackbar-container-error,.snackbar-backdrop .snackbar-container-success{display:flex;justify-content:center;align-items:center;padding:8px 15px;border-radius:50px;background-color:#bdecb6}.snackbar-backdrop .snackbar-container-error .snackbar-icon,.snackbar-backdrop .snackbar-container-success .snackbar-icon{padding:0;margin:0}.snackbar-backdrop .snackbar-container-error .snackbar-text,.snackbar-backdrop .snackbar-container-success .snackbar-text{padding:0;margin:0;font-weight:700}.snackbar-backdrop .snackbar-container-error{background-color:#ff6961}.snackbar-backdrop .snackbar-container-success{background-color:#bdecb6}.snackbar-backdrop .snackbar-icon{margin-right:8px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.project-card-container{display:flex;align-items:center;gap:50px;margin-bottom:50px}.project-card-container .project-card-image-container{display:flex;justify-content:center;align-items:center;width:600px;height:300px;border-radius:12px;background-color:#1a1a1a}.project-card-container .project-card-image-container .project-card-image{height:200px;border-radius:12px;cursor:pointer}.project-card-container .project-card-resume{display:flex;flex-direction:column;color:#fff;font-family:Inter;gap:10px}.project-card-container .project-card-resume .project-card-title{font-weight:600;font-size:large;margin:0}.project-card-container .project-card-resume .project-card-text{font-weight:300;margin:0;text-align:justify}.project-card-container .project-card-resume .project-card-info-container{flex-direction:column}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:solid 1px #C7C7C7}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-info,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-year,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-rol,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-tech,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-year-info,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-rol-info,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-tech-info{margin:0}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-year,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-rol,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-tech{font-weight:300}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-info{font-weight:400}.project-card-container .project-card-buttons{justify-content:space-between;display:flex}@media (max-width: 767px){.project-card-container{flex-direction:column;align-items:flex-start;gap:20px}.project-card-container .project-card-image-container,.project-card-container .project-card-image-container .project-card-image{width:100%;height:auto}.project-card-container .project-card-resume{width:100%}.project-card-container .project-card-resume .project-card-title{font-size:24px}.project-card-container .project-card-resume .project-card-text{font-size:16px}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row{display:flex;justify-content:space-between;padding:8px 0}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-year,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-rol,.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-tech{font-weight:400}.project-card-container .project-card-resume .project-card-info-container .project-card-info-row .project-card-info{font-weight:500}.project-card-container .project-card-buttons{justify-content:space-between;width:100%}}.projects-container{padding:0 100px}.projects-container .projects-text-container{flex-direction:column}.projects-container .projects-text-container .projects-title{font-family:Bebas Neue,sans-serif;font-style:normal;font-size:80px;color:#fff}.projects-container .projects-text-container .projects-text{text-align:justify;font-family:Inter;font-size:large;font-weight:300;color:#c7c7c7;padding-bottom:20px}.projects-container .projects-cards-container{flex-direction:column;gap:10px}@media (min-width: 1300px){.projects-container{padding:0 250px}}@media (max-width: 767px){.projects-container{flex-direction:column;padding:20px}.projects-container .projects-text-container{width:300px}.projects-container .projects-text-container .projects-title{font-size:40px;width:300px;margin:10px 0;text-align:left}.projects-container .projects-text-container .projects-text{font-weight:300;margin:10px 0}.projects-container .projects-cards-container{flex-direction:column;gap:10px}}.experience-container{padding:0 100px}.experience-container .experience-text-container{flex-direction:column}.experience-container .experience-text-container .experience-title{font-family:Bebas Neue,sans-serif;font-style:normal;font-size:80px;color:#fff}.experience-container .experience-text-container .experience-text{text-align:justify;font-family:Inter;font-size:large;font-weight:300;color:#c7c7c7;padding-bottom:20px}.experience-container .experience-cards-container{flex-direction:column;gap:10px}@media (min-width: 1300px){.experience-container{padding:0 250px}}@media (max-width: 767px){.experience-container{flex-direction:column;padding:20px}.experience-container .experience-text-container{width:300px}.experience-container .experience-text-container .experience-title{font-size:40px;width:300px;margin:10px 0;text-align:left}.experience-container .experience-text-container .experience-text{font-weight:300;margin:10px 0}.experience-container .experience-cards-container{flex-direction:column;gap:10px}}.experience-card-container{display:flex;flex-direction:row-reverse;align-items:center;gap:50px;margin-bottom:50px;justify-content:space-between}.experience-card-container .experience-card-image-container{display:flex;justify-content:center;align-items:center;padding:30px 60px;border-radius:12px;background-color:#1a1a1a}.experience-card-container .experience-card-image-container .experience-card-image{height:auto;max-width:150px;border-radius:12px;cursor:pointer}.experience-card-container .experience-card-resume{display:flex;width:100%;flex-direction:column;color:#fff;font-family:Inter;gap:10px}.experience-card-container .experience-card-resume .experience-card-title{font-weight:600;font-size:large;margin:0}.experience-card-container .experience-card-resume .experience-card-info-container{flex-direction:column}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:solid 1px #C7C7C7}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-info,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-year,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-rol,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-tech,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-year-info,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-rol-info,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-tech-info{margin:0}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-year,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-rol,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-tech{font-weight:300}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-info{font-weight:400}.experience-card-container .experience-card-buttons{justify-content:space-between;display:flex}@media (max-width: 767px){.experience-card-container{flex-direction:column;align-items:center;gap:20px}.experience-card-container .experience-card-image-container{width:30%;height:auto}.experience-card-container .experience-card-image-container .experience-card-image{width:100%;height:auto;max-width:200px}.experience-card-container .experience-card-resume{width:100%}.experience-card-container .experience-card-resume .experience-card-title{font-size:24px}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row{display:flex;justify-content:space-between;padding:8px 0}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-year,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-rol,.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-tech{font-weight:400}.experience-card-container .experience-card-resume .experience-card-info-container .experience-card-info-row .experience-card-info{font-weight:500}.experience-card-container .experience-card-buttons{justify-content:space-between;width:100%}}.resumeAbout-container{display:flex;justify-content:center;padding:100px}.resumeAbout-container .resumeAbout-title{font-family:Bebas Neue;font-style:normal;font-size:80px;color:#fff}.resumeAbout-container .resumeAbout-resume{width:500px;text-align:justify;font-family:Inter;color:#fff;margin-left:200px}.resumeAbout-container .resumeAbout-resume .resumeAbout-resume-title{font-weight:600}.resumeAbout-container .resumeAbout-resume .resumeAbout-resume-text{font-weight:300}.resumeAbout-container .resumeAbout-resume .resumeAbout-buttons{display:flex;gap:10px}.resumeAbout-container .resumeAbout-resume .resumeAbout-buttons .a{text-decoration:none}@media (max-width: 767px){.resumeAbout-container{flex-direction:column;padding:20px;align-items:start}.resumeAbout-container .resumeAbout-title{font-size:40px}.resumeAbout-container .resumeAbout-resume{width:auto;margin-left:0;text-align:justify}.resumeAbout-container .resumeAbout-resume .resumeAbout-resume-title{font-size:20px}}.skills-container{display:flex;justify-content:center;padding:50px}.skills-container .skills-title{font-family:Bebas Neue;font-style:normal;font-size:80px;color:#fff}.skills-container .skills-resume{width:500px;text-align:justify;font-family:Inter;color:#fff;margin-left:200px}.skills-container .skills-resume .skills-resume-text{font-weight:300}.skills-container .skills-resume .skills-cards-container{display:flex;flex-wrap:wrap;gap:10px}.skills-container .skills-resume .skills-cards-container .skill-card{display:flex;align-items:center;justify-content:center;gap:10px;height:30px;padding:5px 12px;border-radius:30px;background-color:#d3e97a;cursor:pointer;gap:8px;transition:.2s}.skills-container .skills-resume .skills-cards-container .skill-card .skill-card-name{color:#000;font-weight:500}.skills-container .skills-resume .skills-cards-container .skill-card .skill-card-img{height:27px;border-radius:5px}.skills-container .skills-resume .skills-cards-container .skill-card:hover{background-color:#451599}.skills-container .skills-resume .skills-cards-container .skill-card:hover .skill-card-name{color:#d3e97a}.skill-modal-container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:none;z-index:1000}.skill-modal-container .skill-modal{display:flex;align-items:center;background:#d3e97a;padding:25px;border-radius:25px;width:90%;max-width:400px;text-align:center;box-shadow:none;gap:50px}.skill-modal-container .skill-modal .skill-modal-data{display:flex;flex-direction:column;align-items:center;gap:0px}.skill-modal-container .skill-modal .skill-modal-data .skill-card-img{max-width:100px}.skill-modal-container .skill-modal .skill-modal-data .skill-card-name{font-size:1.7rem;font-weight:700;color:#000;margin-bottom:0}.skill-modal-container .skill-modal .skill-modal-description{font-size:1.2rem;font-weight:700;color:#000;margin-bottom:.5rem;text-align:left}@media (max-width: 767px){.skills-container{flex-direction:column;padding:20px;align-items:start}.skills-container .skills-title{font-size:40px}.skills-container .skills-resume{width:auto;margin-left:0;text-align:justify}.skill-modal-container .skill-modal{flex-direction:column;width:70%;gap:0px}.skill-modal-container .skill-modal .skill-modal-description{text-align:justify}}.active{background-color:red}.navbar-container{position:relative;display:flex;align-items:center;height:96px}.navbar-container .name-container{position:absolute;display:flex;left:40px}.navbar-container .name-container img{height:50px;transition:.2s}.navbar-container .name-container img:hover{transform:scale(1.1)}.navbar-container .navbar-items-container-closed{position:absolute;display:flex;right:60px;gap:32px;justify-content:center}.navbar-container .navbar-items-container-closed .link{text-decoration:none}.navbar-container .menu{display:none}@media (max-width: 767px){.navbar-container{padding:20px;flex-direction:column;align-items:center;gap:20px;height:100%}.navbar-container .name-container{position:static;flex-direction:column;align-items:center}.navbar-container .navbar-items-container-closed{display:none;position:static;flex-direction:column;align-items:center}.navbar-container .navbar-items-container-open{display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center}.navbar-container .navbar-items-container-open .link{text-decoration:none}.navbar-container .menu{display:flex;position:absolute;top:20px;right:20px}}.contactMe-container{display:flex;justify-content:center;align-items:center;padding:100px}.topButton-container{position:fixed;bottom:40px;right:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s,visibility .3s}.topButton-container.hidden{opacity:0;visibility:hidden}.topButton-container.visible{opacity:1;visibility:visible}@media (max-width: 767px){.topButton-container{bottom:20px}}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:9999}.loader-video{width:100%;height:auto;max-width:150px}body{margin:0;padding:0;height:100vh;width:100%;font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;background-color:#080808}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#1a1a1a}body::-webkit-scrollbar-thumb{background-color:#575757;border-radius:8px;border:2px solid #1A1A1A}