:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-color: #2B688D;--nav-bg: #1B2226;--text-color: #ffffff}body{margin:0;padding:0;min-width:320px;background-color:var(--background-color);color:var(--text-color);font-size:16px;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:700;color:#fff;font-size:50px}p{margin:0}#root{width:100%}.section{height:100vh;background-color:transparent;padding-top:20px;display:flex;align-items:center;justify-content:center;color:#ccc}.about-container{display:flex;align-items:center;justify-content:center;width:100%;gap:40px;padding:20px;flex-wrap:wrap;text-align:left}.about-photo{width:300px;height:300px;border-radius:20px;object-fit:cover;transition:filter .3s}.about-photo:hover{filter:drop-shadow(0 0 30px #2B688D)}.about-text{max-width:500px;font-size:22px;line-height:1.5;text-align:justify}.about-left{display:flex;flex-direction:column;align-items:center}.icons-container{display:flex;justify-content:center;gap:10px;margin-top:10px}.icons-media{width:35px;height:35px;border-radius:15px;object-fit:cover;transition:filter .3s;display:flex;margin:4px}.icons-media:hover{filter:drop-shadow(0 0 5px #ccc)}@media (max-width: 1000px){.about-container{flex-direction:column;text-align:center;min-width:200px;display:flex;align-items:center;margin-top:400px}.about-photo{margin-bottom:20px}.about-text{padding:0 20px}}.navbar{background-color:#1b222685;color:#fff;position:fixed;top:0;left:0;width:100%;height:60px;box-shadow:0 2px 4px #0000004d;display:flex;align-items:center;justify-content:space-between;z-index:9999;overflow-x:hidden;padding:.5em}.logo{display:flex;align-items:center;text-decoration:none;z-index:10000}.nav-list{display:flex;list-style-type:none;gap:50px;margin:40px;padding:0;flex-wrap:wrap}.nav-style{color:#fff;text-decoration:none;font-size:18px;font-weight:700;font-family:Arial,sans-serif;transition:color .3s ease;padding:.2em}.nav-style:hover{color:#2b688d}.cycle{width:50px;height:50px;background-color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;font-family:Arial,sans-serif}.text-cycle{color:#2b688d;margin-left:5px}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10000}@media (max-width: 1000px){.navbar{padding:.5rem 1rem}.nav-list{gap:20px;margin:0}}@media (max-width: 768px){.navbar{flex-direction:row;justify-content:space-between;padding:.5rem 1rem;height:60px}.mobile-menu-button{display:flex;justify-content:right;position:relative;margin:20px}.nav-list{position:fixed;top:60px;left:0;width:100%;height:0;background-color:#1b222685;flex-direction:column;align-items:center;padding:0;gap:0;display:flex;overflow:hidden;transition:height .3s ease;box-shadow:0 4px 6px #0000001a}.nav-list.open{height:calc(60vh - 60px);padding:2rem 0;gap:25px}.nav-list li{width:100%;text-align:center}.nav-style{display:block;width:100%;padding:1rem 0;font-size:18px}.nav-style:hover{background-color:#ffffff1a}.logo{padding-left:0;margin:10px}}@media (max-width: 480px){.cycle{width:40px;height:40px;font-size:16px}.nav-style{font-size:16px}}.section-skills{height:100vh;background-color:transparent;padding-top:20px;display:flex;align-items:center;justify-content:center;color:#ccc}.icons{height:6em;will-change:filter;transition:filter .3s;float:left;padding:18px}.icons:hover,.icons.react:hover{filter:drop-shadow(0 0 1em #2B688D)}.icon-section{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.icon-row{display:flex;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.cycle2{height:6em;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff;margin:19px}.cycle2:hover,.cycle2.react:hover{filter:drop-shadow(0 0 1em #2B688D)}.skills-section{padding:20px}.skills-cards{display:flex;flex-direction:column;gap:20px;align-items:center}@media (max-width: 768px){.section-skills{flex-direction:column;text-align:center;margin-top:600px;width:100%}.icon-section{margin-top:100px}}.section-projects{height:100vh;background-color:transparent;padding-top:30px;display:flex;align-items:center;justify-content:center;color:#ccc}.projects-container{display:flex;align-items:center;justify-content:center;max-width:1000px;gap:40px;padding:20px;flex-wrap:wrap;text-align:left}.projects-text{max-width:700px;font-size:22px;line-height:1.5;text-align:justify}.logo-projects{height:15em;padding:1.5em;will-change:filter;transition:filter .3s;float:left}.logo-projects:hover,.logo-projects.react:hover{filter:drop-shadow(0 0 2em #b88c53)}@media (max-width: 768px){.section-projects{flex-direction:column;text-align:center;margin-top:400px;min-width:200px}.logo-projects{margin-bottom:20px}}.section-education{height:100vh;background-color:transparent;padding-top:30px;display:flex;align-items:center;justify-content:center;color:#ccc}.rectangle{width:550px;height:250px;background-color:#1b2226;align-content:center}.education-section{padding:20px;width:100%}.education-cards{display:flex;flex-direction:column;gap:20px;align-items:center}.education-text{max-width:500px;font-size:22px;line-height:1.5;text-align:justify}.education-container{display:flex;align-items:center;justify-content:center;max-width:1000px;gap:15px;padding:20px;flex-wrap:wrap;text-align:left}.title-education{display:flex;align-items:center;text-decoration:none;z-index:10000;max-width:34rem;margin:auto}.logo-udg{height:15em;padding:1.5em;will-change:filter;transition:filter .3s;float:left}.logo-udg:hover,.logo-udg.react:hover{filter:drop-shadow(0 0 2em #ff4949)}@media (max-width: 768px){.section-education{flex-direction:column;padding-top:400px;min-width:200px}.rectangle{width:100%;max-width:900px;height:auto}.title-education{padding:0;margin:0 0 20px;text-align:center}}@media (max-width: 480px){.education-text{font-size:16px}}.section-experience{height:100vh;background-color:transparent;margin-top:300px;display:flex;align-items:center;justify-content:center;color:#ccc}.experience-text{font-size:22px;line-height:1.5;text-align:justify;align-content:center}.title-experience{display:flex;align-items:center;text-decoration:none;z-index:10000}.experience-container{display:flex;align-items:center;justify-content:center;max-width:1000px;gap:15px;padding:20px;flex-wrap:wrap;text-align:left}.rectangle-exp-1{width:870px;height:430px;border-radius:15px;background-color:#1b2226;margin-bottom:10px}.rectangle-exp-2,.rectangle-exp-3{width:870px;height:270px;border-radius:15px;background-color:#1b2226;margin:10px}.experience-section{padding:20px}.rectangle-section{display:flex}.experience-cards{display:flex;flex-direction:column;gap:20px;align-items:center}@media (max-width: 768px){.section-experience{flex-direction:column;padding-top:600px;min-width:200px}.title-experience{padding:0;margin:0 0 20px;text-align:center}.rectangle-exp-1,.rectangle-exp-2,.rectangle-exp-3{width:100%;max-width:900px;height:auto}}@media (max-width: 480px){.experience-text{font-size:16px}}.section-contact{min-height:100vh;background-color:transparent;padding:70px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;gap:40px}.contact-container{display:flex;flex-direction:column;align-items:center;width:100%}.contact-form{display:flex;flex-direction:column;gap:15px;max-width:600px;width:100%}.text-contact{text-align:left;font-size:22px;color:#ccc;line-height:1.5;font-weight:700}.contact-education{display:flex;align-items:center;text-decoration:none;z-index:10000;margin:20px}.name-row{display:flex;flex-wrap:wrap;gap:15px}.form-group{display:flex;flex-direction:column;flex:1}input,textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:22px;font-family:Arial;background-color:#fff;color:#000}textarea{resize:vertical;min-height:150px}button{border-radius:8px;width:100%;border:1px solid transparent;padding:12px;font-size:18px;font-weight:600;font-family:Arial;background-color:#fff;cursor:pointer;transition:border-color .25s,filter .25s;color:#000}button:hover{border-color:#2b688d;filter:drop-shadow(0 0 1em #2B688D)}.rubiks-cube{height:25em;padding:1.5em;will-change:filter;transition:filter .3s;float:left}.rubiks-cube:hover{filter:drop-shadow(0 0 2em #2B688D)}@media (min-width: 768px){.section-contact{flex-direction:row;gap:50px;min-width:200px;width:100%}.rubiks-cube{height:300px;width:300px}}@media (max-width: 768px){.rubiks-cube{height:300px;width:300px}}@media (max-width: 480px){.text-contact{font-size:16px}}