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-dark-GGm64YoA.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 .content h2{margin:0;font-size:2rem;font-weight:600}.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;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #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-element{color:#0d1116}.vertical-timeline-element li,.vertical-timeline-element p,.vertical-timeline-element h3,.vertical-timeline-element h4,.vertical-timeline-element span{color:inherit}.dark-mode .vertical-timeline-element-content{color:#f5f5f5!important;background:#1e1e1e!important}.dark-mode .vertical-timeline-element-content-arrow{border-right:7px solid #1e1e1e!important}.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;border-radius:10px;margin-block:0;padding:clamp(1rem,2vw,2rem);transition:transform .2s ease-in-out,box-shadow .3s,background-color .3s}.projects-container .projects-grid .project:hover{transform:scale(1.002)}.projects-container .projects-grid .project .store-links{justify-content:flex-start;align-items:center;gap:5px;margin-top:10px;display:flex}.projects-container .projects-grid .project .store-links a{display:inline-flex}.projects-container .projects-grid .project .store-links a img{height:40px;transition:transform .2s ease-in-out}.projects-container .projects-grid .project .store-links a img:hover{transform:scale(1.05)}.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 ease-in-out}.zoom:hover{transform:scale(1.05)}@media (width<=700px){.projects-container{padding:0 5%;display:block}.projects-container .projects-grid{display:block}.projects-container .projects-grid .project{padding-bottom:5%}}.dark-mode .project:hover{box-shadow:0 10px 15px #ffffff26}.light-mode .project:hover{box-shadow:0 10px 15px #0d1116aa}#contact .items-container{max-width:800px;margin:0 auto;padding:0 20px}.contact_wrapper h1{margin-bottom:10px}.contact_wrapper p{opacity:.8;margin-bottom:20px}.contact_wrapper svg{vertical-align:middle;margin-right:5px;font-size:1em}.contact-form{width:100%;padding-top:20px}.contact-form .MuiInputLabel-root{font-family:DomaineDispNar-Medium,sans-serif}.contact-form .MuiOutlinedInput-root,.contact-form .MuiInputLabel-root{transition:all .2s ease-in-out}.contact-form .MuiInputBase-inputMultiline{resize:vertical}@media (width<=600px){#contact .items-container{padding:0 15px}.contact-form .MuiTextField-root{margin-top:12px!important;margin-bottom:12px!important}}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,ul,li{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:#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,.light-mode ul,.light-mode li{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-Cuh732Nk.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%}}