body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1rem!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important;font-size:1rem!important}.main-container{background-color:#0d1116;position:relative}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{background-color:#0d1116;justify-content:space-between}.navigation-bar button{text-transform:initial;padding:6px 10px;font-family:Lato,sans-serif;font-size:1.1rem}.navigation-bar svg{cursor:pointer}.navigation-bar-responsive span,.navigation-bar-responsive p{color:#0d1116;font-family:Lato,sans-serif}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:64px;display:flex}.header-image{width:100%;height:450px}.header-image img{object-fit:cover;width:100%;height:450px}.mobile-menu-top{justify-content:center;align-items:center;gap:5px;font-weight:700;display:flex}.items-container{text-align:left;flex-direction:column;justify-content:center;padding:5% 10%;display:flex}.light-mode,.light-mode .navigation-bar{background-color:#eddfce}.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:#0d1116}.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 .about-section{background-image:url(/assets/bg-light-BWSxAKbp.png)}.light-mode .skills-container svg{color:#0d1116}.light-mode .chip{background-color:#00000014;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.light-mode .vertical-timeline:before{background-color:#00000014}.light-mode .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.light-mode .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{color:gray}.light-mode .vertical-timeline-element-content-arrow{border-right:7px solid #00000014!important}.light-mode .flex-chips .chip-title{color:#0d1116}@media screen and (width<=768px){.items-container{padding:5%}}footer{text-align:center;padding-top:50px;padding-bottom:50px}footer svg{margin-right:10px;width:1.1em!important;height:1.1em!important}footer p{font-size:.8em}.dark-mode .about-section{background-color:#0003}.about-section{background-image:url(/assets/bg-light-BWSxAKbp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-start;align-items:center;gap:30px;width:100%;min-height:700px;padding:0 15%;display:flex}.about-section .content{text-align:left;z-index:2}.about-section .content .social_icons{color:#fff;flex-direction:row;gap:10px;display:flex}.about-section .content .social_icons svg{font-size:1.8em}.about-section .content .mobile_social_icons{display:none}.about-section .content p{margin-block:0;font-size:1.5em}.about-section .content h1{margin-block:0;font-size:5em}.about-section .image-wrapper{z-index:2}.about-section .image-wrapper img{border-radius:50%;width:150px}.about p{text-align:center;padding-top:30%;padding-bottom:30%}@media screen and (width<=567px){.nav-left{float:left;padding-top:20px}.nav-left img{height:35px}.nav-right{float:right}.nav-right li{color:#fff;width:10%;padding:10px 15px;font-size:13px;list-style:none}.nav-right ul{margin:0;padding:0;list-style-type:none}body{width:100%}.about{padding-left:5%;padding-right:5%;font-size:12px}}@media screen and (width<=768px){.about-section h1{text-align:left;font-size:4em!important}.about-section p{text-align:left}.container{display:initial}.social_icons{display:none!important}.mobile_social_icons{color:#fff;flex-direction:row;gap:10px;padding-top:10px;display:flex!important}.mobile_social_icons svg{font-size:1.8em}.about-section{padding-top:150px;padding-left:0;padding-right:0;display:block}.about-section .content{width:90%;padding-bottom:5%;padding-left:5%;padding-right:5%}.about-section .image-wrapper{width:100%;padding-left:5%}}.skills-container{text-align:left;flex-direction:column;padding:5% 10%;display:flex}.skills-container svg{color:#fff}.skills-container .skills-grid{grid-gap:50px;grid-template-columns:repeat(3,1fr);display:grid}.skills-container .skills-grid .skill{text-align:left;align-items:center}.chip{color:#272822!important;background-color:#fff!important;height:25px!important;font-size:.8rem!important}.chip span{color:#272822;font-family:Courier Prime,monospace}.chip svg{height:15px!important}.flex-chips{margin:.5px;line-height:2}.flex-chips .chip-title{color:#fff;padding-right:10px}.flex-chips .MuiChip-root{margin-right:.5em}.flex-chips .MuiChip-outlined{background-color:#e0e0e0;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex-chips .MuiChip-outlined span{color:#272822}@media screen and (width<=768px){.skills-container{padding-left:5%;padding-right:5%;display:block}.skills-container .skills-grid{display:initial}.skills-container .skills-grid .skill{padding-bottom:5%}}@media screen and (width<=567px){.skills{font-size:12px}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;padding:2em 0;position:relative}.vertical-timeline:after{content:"";clear:both;display:table}.vertical-timeline:before{content:"";background:var(--line-color);width:4px;height:100%;position:absolute;top:0;left:18px}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (width>=1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{margin-left:-2px;left:50%}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";clear:both;display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (width>=1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:block;position:relative;top:50%;left:50%}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;margin-left:-30px;left:50%}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:.6s cd-bounce-1}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;margin-left:60px;padding:1em;position:relative;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{box-shadow:none;background:0 0}.vertical-timeline-element-content:after{content:"";clear:both;display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{content:"";border:7px solid #0000;border-right-color:#fff;width:0;height:0;position:absolute;top:16px;right:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";top:16px;right:unset;border:7px solid #0000;border-left-color:#fff;width:0;height:0;position:absolute;left:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:unset;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content:before,.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (width>=768px){.vertical-timeline-element-content h2{font-size:1.25rem}.vertical-timeline-element-content p{font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:.875rem}}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{width:44%;margin-left:0;padding:1.5em}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{width:100%;font-size:1rem;position:absolute;top:6px;left:124%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{text-align:right;left:auto;right:124%}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2}@media only screen and (width>=1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{animation:.6s cd-bounce-2-inverse}}@media only screen and (width<=1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2-inverse}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translate(-100px)}60%{opacity:1;-webkit-transform:translate(20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translate(-100px)}60%{opacity:1;-moz-transform:translate(20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2{0%{opacity:0;transform:translate(-100px)}60%{opacity:1;transform:translate(20px)}to{transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translate(100px)}60%{opacity:1;-webkit-transform:translate(-20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translate(100px)}60%{opacity:1;-moz-transform:translate(-20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;transform:translate(100px)}60%{opacity:1;transform:translate(-20px)}to{transform:translate(0)}}.vertical-timeline span{color:#fff;font-family:Courier Prime,monospace}.vertical-timeline p,.vertical-timeline-element p,.vertical-timeline-element h3,.vertical-timeline-element h4,.vertical-timeline-element span{color:#272822}.vertical-timeline-element .vertical-timeline-element-date,.svg-inline--fa{color:#fff}@media screen and (width<=1170px){.vertical-timeline-element .vertical-timeline-element-date{color:#272822}}.projects-container{text-align:left;flex-direction:column;padding:5% 10%;display:flex}.projects-container .projects-grid{grid-gap:50px;grid-template-columns:repeat(2,1fr);display:grid}.projects-container .projects-grid .project{text-align:left}.project h2:hover{text-decoration:underline;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.zoom{border-radius:5px;margin:0 auto;transition:transform .2s}.zoom:hover{transform:scale(1.05)}@media screen and (width<=700px){.projects-container{padding-left:5%;padding-right:5%;display:block}.projects-container .projects-grid{display:block}.projects-container .projects-grid .project{padding-bottom:5%}}.contact_wrapper svg{vertical-align:middle;margin-right:5px;font-size:1em}.contact-form{padding-top:20px}.contact-form button{float:right;color:#050f0b;background-color:#fff}.contact-form button:hover{color:#fff;background-color:#5000ca}.contact-form fieldset{background-color:#fff}label{font-family:DomaineDispNar-Medium,sans-serif;font-size:1.2rem}.form-flex{gap:15px;padding-bottom:15px;display:flex}.form-flex .MuiFormControl-root{width:100%}form{width:100%!important}.body-form{width:100%!important;margin-bottom:15px!important}