@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:1rem}.main-container{position:relative;background-color:#0d1116}a{text-decoration:none}a:hover{color:#5000ca;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}p,a,h1,h2,h3,h4,h5,label,button{color:#fff;font-family:Lato,sans-serif}.navigation-bar{justify-content:space-between;background-color:#0d1116}.navigation-bar button{font-size:1.1rem;font-family:Lato,sans-serif;text-transform:initial;padding:6px 10px}.navigation-bar svg{cursor:pointer}.navigation-bar-responsive span,.navigation-bar-responsive p{color:#0d1116;font-family:Lato,sans-serif}.container{margin-top:64px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-image{width:100%;height:450px}.header-image img{width:100%;height:450px;object-fit:cover}.mobile-menu-top{display:flex;justify-content:center;align-items:center;gap:5px;font-weight:700}.items-container{padding:0% 10%;text-align:left;display:flex;flex-direction:column;justify-content:center}.light-mode,.light-mode .navigation-bar{background-color:#f8f9fa}.light-mode p,.light-mode a,.light-mode h1,.light-mode h2,.light-mode h3,.light-mode h4,.light-mode h5,.light-mode label,.light-mode button{color:#000!important}.light-mode a:hover{color:#5000ca;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.light-mode .navigation-bar svg{color:#0d1116}.light-mode .home-about-section{background-image:url(/Portifolio/assets/bg-light-D8ziGz0Z.png)}.light-mode .skills-container svg{color:#0d1116!important}.light-mode .chip{background-color:#242424!important;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.light-mode .chip span{color:#fff!important;font-weight:700!important}.light-mode .MuiTimelineOppositeContent-root,.light-mode .MuiTimelineContent-root h3,.light-mode .MuiTimelineContent-root h4,.light-mode .MuiTimelineContent-root p{color:#000!important}.light-mode .MuiTimelineDot-root{background-color:#5000ca!important;color:#fff!important}.light-mode .MuiTimelineConnector-root{background-color:#0003!important}.light-mode .flex-chips .chip-title{color:#0d1116}.light-mode .timeline-card{background-color:#e1e6ff!important;color:#161616!important}.light-mode .timeline-card h6{color:#000!important}.light-mode .timeline-card .subtitle{color:#270061!important}.light-mode .timeline-card .description{color:#090000!important}.light-mode .MuiTimelineOppositeContent-root{color:#1b0043!important;font-weight:700!important}.light-mode .MuiTimelineDot-root{box-shadow:0 0 10px #5000ca80}.light-mode .MuiTimelineDot-filledPrimary{background-color:#5000ca!important}.light-mode .MuiTimelineDot-filledSecondary{background-color:#ca0050!important}.light-mode .MuiTimelineConnector-root{background-color:#4d4d4d!important}.light-mode .project.placeholder{background-color:#8d9aaf}.light-mode .project.placeholder .placeholder-box{background:#eef2f7!important}.light-mode .project.placeholder h2,.light-mode .project.placeholder p{color:#0f172a!important}.light-mode .MuiOutlinedInput-root{background:#e8e8e8!important;color:#000!important}.light-mode .MuiInputLabel-root{color:#000!important}.light-mode .contact-form button{background-color:#e8e8e8!important;color:#000!important}@media screen and (max-width:768px){.items-container{padding:5%}}@media screen and (max-width:400px){.items-container{padding:0% 5%}}.dark-mode .home-about-section{background-color:#0003}.home-about-section{display:flex;gap:30px;justify-content:flex-start;align-items:center;width:100%;padding:0 15%;min-height:700px;background-image:url(/Portifolio/assets/bg-dark-CitWkEiA.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center}.home-about-section .home-content{text-align:left;z-index:2}.home-about-section .home-content .home-social-icons{display:flex;flex-direction:row;gap:10px;color:#fff}.home-about-section .home-content .home-social-icons svg{font-size:1.8em}.home-about-section .home-content .home-mobile-social-icons{display:none}.home-about-section .home-content p{font-size:1.5em;margin-block-start:0px;margin-block-end:0px}.home-about-section .home-content h1{font-size:5rem;line-height:1.2;margin-block-start:0px;margin-block-end:0px}.home-about-section .home-image-wrapper{z-index:2}.home-about-section .home-image-wrapper img{width:150px;border-radius:50%}.about p{text-align:center;padding-top:30%;padding-bottom:30%}@media screen and (max-width:768px){.home-about-section h1{font-size:2.5rem!important;text-align:left}.home-about-section p{text-align:left}.container{display:initial}.home-social-icons{display:none!important}.home-mobile-social-icons{padding-top:10px;display:flex!important;flex-direction:row;gap:10px;color:#fff}.home-mobile-social-icons svg{font-size:1.8em}.home-about-section{padding-top:130px;display:block;padding-left:0;padding-right:0}.home-about-section .home-content{width:90%;padding-left:5%;padding-right:5%;padding-bottom:5%}.home-about-section .home-image-wrapper{padding-left:5%;width:100%}}#skills{width:100%;display:flex;justify-content:center;padding-top:0}.skills-container{padding:5% 10%;display:flex;flex-direction:column;text-align:left}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px}.skills-grid .skill{text-align:left}.skills-grid .skill h3{margin-top:15px;margin-bottom:10px;font-size:1.5rem}.skills-grid .skill svg{color:#fff}.skills-grid .skill p{font-size:1rem;margin-bottom:15px;line-height:1.5}.chip{color:#272822!important;background-color:#fff!important;font-size:.8rem!important;height:26px!important}.chip span{font-family:Courier Prime,monospace!important;color:#272822!important}.chip svg{height:14px!important}.flex-chips{line-height:2;margin-top:10px}.flex-chips .chip-title{color:#fff;padding-right:10px;font-family:Courier Prime,monospace;font-weight:700}.flex-chips .MuiChip-root{margin-right:.5em;margin-bottom:.5em}.flex-chips .MuiChip-outlined{background-color:#e0e0e0!important;border:1px solid #bdbdbd!important;font-family:Courier Prime,monospace}.flex-chips .MuiChip-outlined span{color:#272822!important}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr);grid-gap:40px}}@media(max-width:768px){.skills-container{padding-left:5%;padding-right:5%}.skills-grid{grid-template-columns:1fr}.skill{padding-bottom:30px}}@media(max-width:567px){#skills{font-size:14px}.skills-container h1{font-size:2.2rem}.skill p{font-size:.9rem}}.projects-container{display:flex;flex-direction:column;padding:5% 10%;text-align:left}.projects-container .projects-subtitle{margin-bottom:40px;font-size:1.1rem;line-height:1.6}.projects-container .projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:50px}.projects-grid .project{text-align:left;background-color:#fff;border-radius:8px;padding:20px;transition:.3s ease;overflow:hidden;height:100%;box-sizing:border-box}.projects-grid .project h2{color:#272822;margin-top:10px;font-size:1.4rem;transition:.15s ease-in-out}.projects-grid .project h2:hover{text-decoration:underline}.projects-grid .project p{margin-top:8px;color:#272822;font-size:1rem;line-height:1.5}.zoom{border-radius:5px;transition:transform .2s ease-in-out;margin:0 auto;display:block}.zoom:hover{transform:scale(1.03)}.project.placeholder{text-align:center;background-color:#fffffff2}.project.placeholder .placeholder-box{height:180px;width:100%;background:linear-gradient(135deg,#bfbfbf,#e5e5e5);border-radius:8px;margin-bottom:15px}.project.placeholder h2{font-size:1.3rem}.project.placeholder p{font-size:.95rem}@media(max-width:900px){.projects-container .projects-grid{grid-template-columns:1fr;grid-gap:30px}}@media(max-width:700px){.projects-container{padding:80px 5% 5%}.projects-container .projects-grid{grid-gap:20px}.projects-grid .project{padding:15px}.projects-subtitle{font-size:1rem}}.contact-wrapper svg{font-size:1em;vertical-align:middle;margin-right:5px}.items-container h1{padding-left:0!important}.contact-wrapper h1{margin-bottom:5px!important}.contact-form{padding-top:5px}.contact-form button{float:right;background-color:#fff!important;color:#050f0b!important;font-weight:700;transition:.3s ease}.contact-form button:hover{background-color:#5000ca!important;color:#fff!important}.contact-form .MuiOutlinedInput-root{background:#fff;border-radius:6px;color:#000}.contact-form .MuiOutlinedInput-root fieldset{border-radius:6px}.contact-form .MuiInputLabel-shrink{font-size:16px!important;color:#0509ff!important;font-weight:600;letter-spacing:.5px;margin-top:5px}.contact-form .MuiInputLabel-root{color:#000;font-size:15px}label{font-size:1.2rem!important;font-family:DomaineDispNar-Medium,sans-serif!important}.form-flex{display:flex;gap:15px;padding-bottom:15px;width:100%}.form-block{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;width:100%}.form-flex .MuiFormControl-root{width:100%}form{width:100%!important}.body-form{width:100%!important;margin-bottom:15px!important}@media(max-width:768px){.form-flex{flex-direction:column}button{width:100%}}#history{width:100%}.items-container h1{margin-bottom:40px;text-align:left;font-size:2.8rem;color:#fff;padding-left:20px}.timeline-card{padding:20px;text-align:left;background-color:#fff!important;color:#333!important;border-radius:8px!important}.timeline-card h6{font-weight:700!important;color:#000!important}.timeline-card .subtitle{font-size:.9rem!important;color:#5000ca!important;margin-bottom:8px!important;font-weight:600!important}.timeline-card .description{font-size:.95rem!important;color:#555!important;line-height:1.5!important}.MuiTimelineOppositeContent-root{color:#fff!important;font-weight:500!important;font-size:1rem!important}.MuiTimelineDot-root{box-shadow:0 0 10px #5000ca80}.MuiTimelineDot-root.MuiTimelineDot-filledPrimary{background-color:#5000ca!important}.MuiTimelineDot-root.MuiTimelineDot-filledSecondary{background-color:#ca0050!important}.MuiTimelineDot-root svg{color:#fff!important;font-size:1.2rem}.MuiTimelineConnector-root{background-color:#fff3!important;width:3px!important}@media screen and (max-width:768px){#history{padding-left:5%;padding-right:5%}.items-container h1{font-size:2.2rem;text-align:left;padding-left:0}.MuiTimelineOppositeContent-root{font-size:.85rem!important}}.footer{text-align:center;padding-top:50px;padding-bottom:40px;margin-top:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .footer-social{margin-bottom:15px;color:#fff}.footer .footer-social a{color:inherit;margin:0 10px}.footer .footer-social a svg{width:1.3em!important;height:1.3em!important;transition:transform .2s ease-in-out,color .2s}.footer .footer-social a svg:hover{transform:scale(1.15);color:#5000ca}.footer .footer-text{font-size:.9em;opacity:.8;margin:5px 0}.footer .footer-name{font-weight:700;color:#b67bff}.footer .footer-template{font-size:.75em;opacity:.5;margin-top:5px}.light-mode .footer-social a svg{color:#0d1116}.light-mode .footer-text,.light-mode .footer-template{color:#0d1116}.light-mode .footer-name{color:#5000ca}@media(max-width:600px){.footer{padding-top:40px;padding-bottom:30px}.footer .footer-social svg{width:1.2em!important;height:1.2em!important}.footer .footer-text{font-size:.85em}.footer .footer-template{font-size:.7em}}