@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.nav-icon-hover{color:#4170a9!important}.nav-lang,.nav-icon{transition:color .3s}.nav-lang.nav-icon-light,.nav-icon.nav-icon-light{color:#0f172a}.nav-lang.nav-icon-dark,.nav-icon.nav-icon-dark{color:#e3f2fd}.nav-lang:hover,.nav-icon:hover{color:#4170a9!important;cursor:pointer}:root{--body_bg: #E3F2FD;--title: #4378BB;--subtitle: #0F172A;--text: #0F172A;--text-hover: #4378bb;--button: #4378bb;--button_hover: #0F172A;--button_outline: #4378bb;--underline: #4378BB;--outline: #0F172A;--black: #0F172A;--white: #E3F2FD}.dark-mode:root{--body_bg: #0F172A;--title: #4378BB;--subtitle: #E3F2FD;--text: #E3F2FD;--text-hover: #4378bb;--button: #4378bb;--button_hover: #E3F2FD;--button_outline: #4378bb;--underline: #4378bb;--outline: #E3F2FD;--black: #E3F2FD;--white: #0F172A;--profile_pic: "./assets/dark-profile-pic.png"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--body_bg)}html{scroll-behavior:smooth}h1{color:var(--title)}p,h3{color:var(--text)}#video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;justify-content:center;align-items:center;z-index:9999;display:none}.video-container{position:relative;width:90%;max-width:900px;height:90%;max-height:90vh;display:flex;justify-content:center;align-items:center}#video-player{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px}a,.button{transition:all .3s ease}nav,.links_nav{display:flex;align-items:center}nav{justify-content:space-around;align-items:center;height:17vh}.links_nav{gap:32px;list-style:none;font-size:24px}a{color:var(--black);text-decoration:none;text-decoration-color:var(--white)}a:hover{color:var(--text-hover);text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--underline)}.logo{color:var(--text);font-size:2rem;cursor:default}section{padding-top:4vh;margin:0 auto;max-width:1200px;min-height:fit-content}@media(max-width:900px){section{margin:0 16px;max-width:100%}}.section-container{display:flex}#profile{display:flex;justify-content:center;gap:80px;height:80vh}.pic-container_section{display:flex;height:400px;width:400px;margin:auto 0}.text_section{align-self:center;text-align:center}.text_section p{font-weight:600}.text_2_section{text-align:center;font-size:28px;margin-bottom:16px}.text_1_section{text-align:center}.title{font-size:48px;text-align:center}#container_socials{display:flex;justify-content:center;margin-top:16px;gap:16px}.icon{cursor:pointer;height:32px}.container_button{display:flex;justify-content:center;gap:16px}.button{font-weight:600;transition:all .3s ease;padding:16px;width:120px;border-radius:32px;color:var(--text)}.button-color1{color:var(--button)}.button-color1,.button-color2{border:var(--button) 1.6px solid;background-color:transparent;z-index:10}.button-color2{background-color:var(--button);color:var(--white)}.button-color1:hover,.button-color2:hover{background-color:var(--button_hover);border:var(--button_hover) 1.6px solid;color:var(--white);cursor:pointer}#close-modal{position:absolute;top:-30px;right:-30px;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;z-index:10000}#about{position:relative}.about_pic{border-radius:32px}.container_about{gap:32px;margin-top:32px;margin-bottom:32px}.container_about_details{justify-content:center;flex-direction:column}.container_about,.container_about_details{display:flex}.arrow{height:20px;position:absolute;right:-80px;bottom:40px}.container_details,.container_details_info{padding:20px;flex:1;background:var(--white);border-radius:32px;border:var(--text) 1.6px solid;border-color:var(--outline);text-align:center}.container_details_info{display:flex;flex:wrap;gap:20px}.section-container{gap:64px;height:80%}.container_about .icon{cursor:default}.text-justifed{text-align:justify}#experience{position:relative;display:flex;justify-content:center;flex-direction:column}.experience-subtitle{color:var(--subtitle);font-weight:600;font-size:28px;margin-bottom:32px}.container_experience_details{display:flex;justify-content:center;flex-direction:column}.container_articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;justify-items:center;align-items:center;padding:20px}article{display:flex;align-items:center;text-align:center;gap:16px;width:100%;justify-content:center}article .icon{cursor:default;width:40px;height:40px}#projects{position:relative}.container_color{background-color:var(--body_bg);border-color:var(--text)}.project-img{border-radius:32px;width:65%;height:65%}.project-title{margin:16px;color:var(--title)}.project-description{padding-bottom:20px;font-size:14px}.project-button{border:var(--black) 1.6px solid;background-color:transparent;z-index:10}.project-button:hover{background-color:var(--button);border:var(--button) 1.6px solid;color:var(--white);cursor:pointer}.bx{font-size:50px;padding-top:10px}#dark-mode-icon,#language-toggle-icon{color:var(--black);font-size:32px;padding:0}#language-toggle-text{color:var(--black);font-size:24px;padding:0}#dark-mode-icon:hover{color:var(--text-hover)}#dark-mode-icon-no-hover{color:var(--black);padding:0}.text-justified{text-align:justify}#contact{position:relative;display:flex;justify-content:center;flex-direction:column;height:70vh}.container_contact{display:flex;justify-content:center;flex-direction:column;margin:32px auto;padding:8px}.container_details_info{display:flex}.info{font-size:larger;display:flex}.contact_info{display:flex;flex-direction:row;margin:8px;gap:8px;align-items:center}.email-icon{height:40px}.contact-icon{cursor:default}.contact_link{font-size:48px}footer{height:26vh;margin:0 16px}footer p{text-align:center}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:6rem}.container_about{flex-wrap:wrap}}@media screen and (max-width:1200px){#desktop-nav{display:none}#experience,.container_experience_details{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}section,.section-container{height:fit-content}section{margin:0 5%}.pic-container_section{width:275px;height:275px;margin:0 auto 2rem}.container_about{margin-top:0}}@media screen and (max-width:767px){#contact,footer{height:40vh}#profile{height:83vh;margin-bottom:0}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:2rem}.container_about,.container_button{flex-wrap:wrap}.container_details_info{flex-direction:column;align-items:center}.contact_info{text-align:center}.container_contact{margin:0}.container_details_info p,.links_nav li a{font-size:1rem}.experience-subtitle{font-size:1.25rem}.logo{font-size:1.5rem}.links_nav{margin:2rem;flex-direction:column;gap:.5rem;text-align:center}.pic-container_section{width:auto;height:46vw;justify-content:center}.text_section{font-size:1.25rem}.title{font-size:2rem}container_text{text-align:justify}button{text-decoration:none}}