@import"https://fonts.googleapis.com/css2?family=Satisfy&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";body{margin:0;background-color:#f8fafc;min-width:320px;min-height:100vh}html{scroll-behavior:var(--scroll-behavior)}header{display:flex;position:fixed;right:0;left:0;top:0;z-index:1000;height:var(--nav-bar-height);background-color:#fff;border-bottom:1px solid #e2e8f0;padding-left:10px;padding-right:10px;justify-content:space-between;align-items:center}header h1{color:#0359a1;font-family:Satisfy,cursive}.logo-short{display:block}.logo-long{display:none}.nav-bar{background-color:#0359a1;position:relative;display:flex;transition:.4s;align-items:center;justify-content:center;flex-direction:column;padding:8px;border-radius:15px}.bar1{border-radius:30px;background-color:#fff;width:30px;margin-bottom:8px;transition:.4s;height:3px}.bar2{border-radius:30px;background-color:#fff;width:30px;position:absolute;transition:.4s;height:3px}.bar3{border-radius:30px;background-color:#fff;width:30px;transition:.4s;height:3px}.bar4{border-radius:30px;background-color:#fff;width:30px;margin-top:8px;transition:.4s;height:3px}nav ul{list-style:none}.nav-bar-mobile{display:none;position:fixed;top:var(--nav-bar-height);left:0;right:0;color:#fff;background-color:#0359a1;font-weight:700;height:200px;align-items:center;justify-content:center}.nav-bar-mobile li{margin:20px 0;display:flex;justify-content:center}a{text-decoration:none}h1 a{color:#0359a1}.nav-bar-mobile a{color:#fff}.nav-bar-big-screens a{color:#334155}.nav-bar-big-screens{display:none}@media (min-width: 600px){.nav-bar-big-screens{display:flex;padding:10px}.nav-bar-big-screens ul{display:flex;list-style:none;gap:30px;padding:0;margin:0}.nav-bar-big-screens li a{color:#334155;font-size:larger;text-decoration:none}.logo-short{display:none}.logo-long{display:inline-block}.nav-bar,.nav-bar-mobile{display:none}.nav-bar-big-screens a:hover{color:#0359a1}}:root{--nav-bar-height: 70px;--scroll-behavior: smooth}footer{display:flex;right:0;left:0;background-color:#0f172a;color:#94a3b8;height:100px;justify-content:center;align-items:center}:root{--primary-color: #fff;--hero-section-background: linear-gradient( to bottom, #0367b3 40%, #074b85 100% );--nav-bar-height: 70px}.hero-section{background-image:var(--hero-section-background);color:var(--primary-color);margin-top:var(--nav-bar-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40% 0}.hero-section img{width:45%;height:45%;border:.5px solid #fff;border-radius:100%}.professional-title{margin-top:0;color:#e0eefe;font-weight:lighter}.socials-container{display:flex;margin-top:10px;width:65%;justify-content:space-around}.socials-container a{text-decoration:none;color:var(--primary-color);font-weight:700}button{height:40px;width:45%;border-radius:10px;border:1px solid #fff;background-color:transparent}@media (min-width: 600px){.hero-section{padding:7% 0}.hero-section img{width:15%;height:45%;border:.5px solid #fff;border-radius:100%}.name{font-size:2rem}.professional-title{font-size:1.5rem}.socials-container{width:35%}}:root{--section-heading: #074b85;--subheading-color: #0359a1}.about-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-section h1{font-size:2.3rem;color:var(--section-heading);margin:40px 0}.about-content{display:flex;flex-direction:column;align-items:center}.about-image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.about-image-container img{width:90%;height:300px;border-radius:10px}.about-text-skills-container{color:#334155;padding:5%}.about-section h3{color:var(--subheading-color);padding:17px 0 10px;margin-bottom:10px}.skills{display:flex;flex-wrap:wrap}.skill{background-color:#e0eefe;color:var(--section-heading);margin-right:8px;margin-bottom:10px;padding:8px 13px;border-radius:100px}@media (min-width: 600px){.about-content{flex-direction:row;max-width:1200px;margin-bottom:25px}.about-image-container{width:50%;padding:30px 0}.about-image-container img{width:90%;max-height:500px;border-radius:10px}.about-text-skills-container{width:50%;padding-left:5px;padding-right:5px}.about-section h3{color:var(--subheading-color);padding:17px 0 10px;margin-bottom:10px}.skills{display:flex;flex-wrap:wrap}}:root{--background-color: #f0f7ff;--section-color: #074b85}.experience-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--section-color)}.experience-section h1{padding:40px;font-size:2rem}.experience-card{background-color:#fff;margin:1rem;padding:1.5rem;border-radius:10px}.experience-card:last-child{margin-bottom:5rem}.company-logo{display:flex;align-items:center;justify-content:center;background-color:#e0eefe;border-radius:10px;width:5rem;height:5rem}.company-logo img{width:70%;height:70%}.experience-card .dates{background-color:#f0f7ff;padding:.4rem .5rem;border-radius:100px}.experience-card .job-description{color:#334155}.technologies{display:flex;flex-wrap:wrap;gap:.5rem}.technology{background-color:#e0eefe;color:var(--section-color);padding:.5rem 1rem;border-radius:100px;font-size:.9rem}:root{--section-color: #074b85}.education-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.education-section h1{margin:3rem;color:var(--section-color);font-size:2rem}.education-card{background-color:#fff;border-top:1rem solid #0270c3;margin:0 1.8rem 1.8rem;padding:1.5rem;border-radius:10px}.school-logo{display:flex;align-items:center;justify-content:center;background-color:#e0eefe;border-radius:100%;width:5rem;height:5rem}.school-logo img{width:70%;height:70%;border-radius:100%}.education-card .school-title{color:var(--section-color)}.education-card .school-name{color:#0270c3;font-weight:lighter}.education-card .dates{color:#64748b}.education-card .school-description{color:#334155}@media (min-width: 600px){.education-content{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly}.education-card{margin-right:0;margin-left:0;flex:0 0 calc(33.33% - 1rem);box-sizing:border-box}}.projects-section{display:flex;flex-direction:column;align-items:center;background-color:#f0f7ff}.projects-section>h1{color:#074b85;padding:1rem;font-size:2rem}.project-card{display:flex;flex-direction:column;background-color:#fff;margin:0 1.8rem 1.8rem;border-radius:10px}.project-card img{width:100%;min-height:14rem;max-height:14rem;border-top-left-radius:10px;border-top-right-radius:10px}.project-details{padding:1.5rem}.project-details .project-title{color:#074b85}.project-details .project-description{color:#334155}.project-links{display:flex;width:12rem;gap:1rem}.project-links button{margin-top:1rem;border:1px solid #bae0fd;color:#0359a1}.project-links a{text-decoration:none;color:#0359a1;font-weight:700}@media (min-width: 600px){.projects-content{display:flex;gap:1rem;flex-wrap:wrap;margin:0 1rem;padding-left:1rem;justify-content:flex-start}.project-card{margin-right:0;margin-left:0;flex:0 0 calc(33.33% - 1rem);box-sizing:border-box}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-form{background-color:#0359a1;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;border-radius:1rem;margin-bottom:2rem}.contact-form label{width:20rem}.contact-form input,textarea{padding:0 .7rem}.contact-form input{height:2rem;border:none;border-bottom:.12rem solid #074b85;border-radius:.4rem}.contact-form textarea{width:99%;height:12rem;resize:none;border-radius:.7rem;padding-top:.5rem;padding-bottom:.5rem}.contact-form>label{margin-top:2.5rem}.contact-form .send-email-btn{background-color:#71cf71;margin-top:1.5rem;margin-bottom:2rem;width:7rem}.contact-form .send-email-btn:hover{background-color:#45b245;color:#fff}.email-address-field,.subject-field{display:flex;flex-direction:column}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background-color:#dde7f0;color:#074b85;width:20rem;padding:1.5rem 2rem;border-radius:1rem;text-align:center}.check-image{width:10rem;height:10rem}.modal-close{background-color:#1ea2e7;color:#fff;font-weight:700;width:6rem}@media (min-width: 600px){.contact-form label{width:25rem}.contact-form{padding:0 5.5rem}.contact-form textarea{width:94%}}#root{font-family:Open Sans,sans-serif}