@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,project,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}project,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root{flex-direction:column;height:100vh;display:flex}.App{box-sizing:border-box;font-family:Roboto,sans-serif;display:contents}.root{color:#4e4e4e;text-align:center;font-size:16px;display:contents}.root a{color:#4e4e4e}.header{flex:0 auto}.header .header-main{z-index:100;background-color:#dadada;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 10px #46464633}.header .header-main .header-title{flex-direction:row;flex-grow:1;justify-content:center;align-items:center;padding-top:20px;padding-bottom:20px;display:flex;position:relative}.header .header-main .header-title h1{flex-grow:1}.header .header-main .header-title h1 a{text-transform:uppercase;font-size:18px;text-decoration:none}.header .header-main .header-title .mc-container{cursor:pointer;position:absolute;right:1.3em}.header .header-main .header-title .mc-container .mc-line{background-color:#727272;border-radius:100px;width:100%;position:absolute}.header .header-main .header-links{background-color:#c3c3c3;flex-direction:column;width:100%;display:flex;position:absolute}.header .header-main .header-links .header-internal-links{flex-flow:column wrap;justify-content:space-around;display:inline-flex}.header .header-main .header-links .header-internal-links a{border-bottom:1px solid #727272;flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;padding:1rem 1.5rem;text-decoration:none;display:inline-flex}.header .header-main .header-links .header-internal-links a.active{color:gray;background:linear-gradient(45deg,#7d69dc 0%,#3cabb8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header .header-main .header-links .header-internal-links a:hover{color:#fff;cursor:pointer}.header .header-main .header-links .header-internal-links a.active:hover{background:0 0;background-clip:unset;-webkit-text-fill-color:white}.header .header-main .header-links .header-internal-links a:after{content:attr(data-text);content:attr(data-text)/"";visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;height:0;font-weight:700;overflow:hidden}@media speech{.header .header-main .header-links .header-internal-links a:after{display:none}}.header .header-main .header-social-links{padding-top:.5rem;padding-bottom:.5rem;display:inline-block}.header .header-main .header-social-links a{display:inline-block}.header .header-main .header-social-links a img{vertical-align:middle;width:25px;height:auto;margin:5px}@media screen and (width>=570px){.header .header-main{width:100%;height:80px;padding-top:0;padding-bottom:0;position:fixed;top:0;left:0;right:0}.header .header-main .header-hamburger-icon{visibility:hidden}.header .header-main .header-title{position:absolute;top:50%;left:25px;transform:translateY(-50%)}.header .header-main .header-title h1 a{font-size:15px}.header .header-main .mc-container{visibility:hidden}.header .header-main .header-links{background-color:#0000;flex-direction:row;align-items:center;width:auto;padding-top:0;padding-bottom:0;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header .header-main .header-links .header-internal-links{flex-direction:row;margin-right:0}.header .header-main .header-links .header-internal-links a{border-bottom:none;padding:.5rem}}@media screen and (width>=800px){.header .header-main{width:100%;height:80px;padding-top:0;padding-bottom:0;position:fixed;top:0;left:0;right:0}.header .header-main .header-title{position:absolute;top:50%;left:50px;transform:translateY(-50%)}.header .header-main .header-title h1 a{font-size:18px}.header .header-main .header-links{flex-direction:row;align-items:center;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header .header-main .header-links .header-internal-links a{padding:1rem 1.5rem}}@media screen and (width>=900px){.header .header-main .header-links .header-internal-links{margin-right:80px}}.header .header-bg{max-height:300px;overflow:hidden}.header .header-bg img{width:100%;height:auto;display:block}.body{background-color:#e2e2e2;flex:auto;padding-top:30px}.footer{background-color:#dadada;flex:0 50px;min-height:50px;position:relative}.footer h1{font-size:.7rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media screen and (width>=500px){.footer h1{font-size:.9rem}}@media screen and (width>=800px){.footer h1{font-size:1rem}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.about{max-width:51rem;margin-left:auto;margin-right:auto;padding-left:2.5rem;padding-right:2.5rem}.about .about-header{margin-bottom:1.5rem}.about .about-header .about-photo{border-radius:50%;width:200px;height:200px}.about .about-header .about-name{margin-top:1.25rem;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.about .about-header .about-position{font-size:1.25rem}.about .about-header .about-location{margin-top:.5625rem;font-size:.875rem}.about .about-header .about-location .material-symbols-outlined{margin-right:.375rem}.about .about-header .about-location .material-symbols-outlined:before{content:"";font-size:18px}.about .about-summary .about-summary-title{text-align:left;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.about .about-summary p{text-align:left;margin-bottom:1rem;font-size:.875rem}.about .about-skills .about-skills-title{text-align:left;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.about .about-skills .about-skills-list{text-align:left;transform-style:preserve-3d;margin-bottom:1rem}.about .about-skills .about-skills-list li{-webkit-user-select:none;user-select:none;border:.0625rem solid #4e4e4e;border-radius:.125rem;margin:5px;padding:8px 15px;font-size:.6875rem;font-weight:600;transition:all .3s ease-in-out;display:inline-block}.about .about-skills .about-skills-list li:hover{color:#fff;border:solid linear-gradient(45deg, #3cabb8 0%, #7d69dc 100%) .0625rem;background:linear-gradient(45deg,#7d69dc 0%,#3cabb8 100%)}.experiences .experiences-title{padding-bottom:1.25rem;font-size:1.25rem;font-weight:700}.experiences .experience-main{flex-direction:column;max-width:51rem;margin-left:auto;margin-right:auto;padding-left:2.5rem;padding-right:2.5rem;font-size:.875rem;display:flex}.experiences .experience-main .experience-main-clearfix{flex-direction:row;margin-bottom:20px;display:flex}.experiences .experience-main+.experience-main:before{content:"";background-color:#92929233;width:100%;height:2px;margin-bottom:20px}.experiences .experience-main .experience-left{flex-grow:1}.experiences .experience-main .experience-left .experience-title,.experiences .experience-main .experience-left .experience-location{text-align:left}.experiences .experience-main .experience-left .experience-location{padding-top:.375rem;padding-bottom:.375rem;font-size:.6875rem}.experiences .experience-main .experience-right{flex-grow:auto}.experiences .experience-main .experience-right .experience-period{text-align:right;-webkit-user-select:none;user-select:none;border:.0625rem solid #4e4e4e;border-radius:.125rem;flex-direction:column;justify-content:end;align-items:flex-end;min-width:75px;margin:5px;padding:8px 15px;font-size:.6875rem;font-weight:600;transition:all .3s ease-in-out;display:flex}.experiences .experience-main .experience-right .experience-period .experience-period-start,.experiences .experience-main .experience-right .experience-period .experience-period-end{display:flex}.experiences .experience-main .experience-right .experience-period .experience-period-startMonth,.experiences .experience-main .experience-right .experience-period .experience-period-endMonth{margin-right:5px}.experiences .experience-main .experience-right .experience-period .experience-period-separator{margin-left:5px;margin-right:5px}.experiences .experience-main .experience-right .experience-period:hover{color:#fff;border:solid linear-gradient(45deg, #3cabb8 0%, #7d69dc 100%) .0625rem;background:linear-gradient(45deg,#7d69dc 0%,#3cabb8 100%)}@media screen and (width>=320px){.experiences .experience-main .experience-right .experience-period{min-width:100px}}@media screen and (width>=500px){.experiences .experience-main .experience-right .experience-period{flex-direction:row;min-width:165px}}@media screen and (width>=800px){.experiences .experience-main .experience-right .experience-period{flex-direction:row;min-width:165px}}.project-main{max-width:51rem;margin-left:auto;margin-right:auto;padding-left:2.5rem;padding-right:2.5rem}.project-main+.project-main:before{content:"";background-color:#92929233;width:100%;height:2px;margin-bottom:20px;display:block}.project-main .project-link{float:none;cursor:default}@media screen and (width>=500px){.project-main .project-link{float:left}}@media screen and (width>=800px){.project-main .project-link{float:left}}.project-main .project-image{filter:drop-shadow(5px 5px 2px #00000026);border-radius:2px;margin-bottom:10px;margin-right:20px;transition:all .15s}.project-main .project-image:hover{filter:drop-shadow(0 0 #0000);transform:perspective(1000px)translateZ(100px)rotateY(15deg)rotateX(-5deg);box-shadow:2px 35px 32px -8px #00000026}.project-main .project-publication-date{margin-bottom:10px;overflow:hidden}.project-main .project-publication-date h2{text-align:left;font-size:13px}.project-main .project-title{margin-bottom:15px;overflow:hidden}.project-main .project-title h1{text-align:left;font-size:1.25rem;font-weight:700}.project-main .project-title h1:after{content:"";background-color:#4e4e4e;width:20px;height:2px;margin-top:5px;display:block}.project-main .project-title.project-title-skeleton h1:after{visibility:hidden}.project-main p{text-align:left;padding-bottom:1.25rem;overflow:hidden}.project-main .project-info{padding-bottom:20px;overflow:hidden}.project-main .project-info .project-info-line{margin-bottom:.93rem;padding-top:.93rem;display:flex}.project-main .project-info .project-info-line+.project-info-line{border-top:1px solid #4e4e4e}.project-main .project-info .project-info-line .project-info-label{text-align:left;width:33%;padding-right:.625rem;font-size:.875rem;font-weight:700}.project-main .project-info .project-info-line .project-info-value{text-align:left;color:#4e4e4e;flex:1;font-size:.875rem}.contact{flex-direction:column;max-width:51rem;margin-left:auto;margin-right:auto;padding-left:2.5rem;padding-right:2.5rem;display:flex}.contact .contact-title{padding-bottom:1.25rem;font-size:1.25rem;font-weight:700}.contact .contact-description{padding-bottom:1.25rem;font-size:.875rem}.contact .contact-form{flex-direction:column;gap:1.25rem;padding-bottom:20px;font-size:.875rem;display:flex}.contact .contact-form input[type=text],.contact .contact-form input[type=email]{text-align:left;background-color:#0000;border:0;border-bottom:1px solid #727272}.contact .contact-form textarea{text-align:left;resize:vertical;background-color:#0000;border:1px solid #727272;min-height:100px;transition:all .5s}.contact .contact-form input[type=text]:focus,.contact .contact-form input[type=email]:focus{border:0;border-bottom:1px solid #4e4e4e;outline:none}.contact .contact-form textarea:focus{border:1px solid #727272;border-bottom-color:#4e4e4e;outline:none}.contact .contact-form input[type=submit]{border:.0625rem solid #4e4e4e;border-radius:.125rem;padding:8px 15px;font-size:.875rem;transition:all .3s ease-in-out}.contact .contact-form input[type=submit]:hover{color:#fff;border:solid linear-gradient(45deg, #3cabb8 0%, #7d69dc 100%) .0625rem;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:white;background:linear-gradient(45deg,#7d69dc 0%,#3cabb8 100%)}