:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#ffb95d;text-decoration:inherit;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}b{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}a:hover{color:#e4a551}.new-page{font-family:proxima_nova_rgregular,Helvetica,Arial,sans-serif}@font-face{font-family:proxima_nova_rgregular;src:url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot);src:url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff) format("woff"),url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf) format("truetype"),url(https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:proxima_nova_rgbold;src:url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot);src:url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix) format("embedded-opentype"),url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff) format("woff"),url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf) format("truetype"),url(https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold) format("svg");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;font-family:proxima_nova_rgregular,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container.light{min-height:100vh;display:flex;width:100%;justify-content:center;background-color:#fff;color:#000;height:100%}.container.dark{min-height:100vh;display:flex;max-width:100%;justify-content:center;background-color:#21252a;color:#fff;height:100%}.column{width:100%;padding:20px;max-width:900px}::selection{background-color:#ebc356c3}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#fddd76}button{background-color:#f9f9f9}}.horizontal-navbar{position:fixed;background-color:#21252a;opacity:.9;overflow:hidden;display:flex;justify-content:center;width:100%;align-items:center;padding:5px 0;font-size:17px}.horizontal-navbar.light{background-color:#e6e4e464}.horizontal-navbar.dark{background-color:#12151742}.horizontal-navbar ul{list-style-type:none;margin:0;padding:0;display:flex}.horizontal-navbar li{float:left}.horizontal-navbar a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.horizontal-navbar.light a{color:#333}.horizontal-navbar.dark a{color:#fff}.horizontal-navbar a:hover{color:#ffca44}.center-nav{width:100%;max-width:900px;padding:0 20px;display:flex;justify-content:space-between}.nav-tabs{display:flex}.nav-buttons{display:flex;align-items:center}.light .theme-toggle{background-color:#444245;color:#fff}.dark .theme-toggle{background-color:#ffb95d;color:#000}.theme-toggle{border:none;padding:10px 15px;cursor:pointer;font-size:16px;align-items:center;display:flex;height:80%;width:45px}.theme-toggle.light:hover{background-color:#232223}.theme-toggle.dark:hover{background-color:#e4a551}.horizontal-footer{opacity:.9;overflow:hidden;display:flex;justify-content:center;width:100%;align-items:center;padding:20px;font-size:17px;gap:35px;flex-wrap:wrap}.horizontal-footer.light{background-color:#fff;color:#000}.horizontal-footer.dark{background-color:#11161c;color:#fff}.title-intro{width:100%;margin-top:85px}.title-intro{display:flex;align-items:center;justify-content:space-between;border-radius:20px;padding:24px 32px}.title-intro.light{background-color:#fcf8f2}.title-intro.dark{background-color:#12151742}.title{font-size:50px;font-weight:700;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.intro{font-size:17px}.simple-navigation{display:flex;flex-wrap:wrap;gap:5%;margin-top:5px}.icon-text{display:flex;justify-content:center}.text-by-icon{margin-left:5px}.proj-title{font-size:35px;font-weight:700;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;margin-bottom:10px;margin-top:5%}.flex-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1%}.project-box.light{flex-basis:28%;margin-bottom:1%;border-radius:23px;padding:15px;cursor:pointer;max-width:275px;justify-content:center;align-items:center;display:flex;background-color:#fff;flex-direction:column}.project-box.light:hover{background-color:#faf7f7;transition-duration:.3s;transition-timing-function:ease-in-out}.project-box.dark{flex-basis:28%;margin-bottom:1%;border-radius:23px;padding:15px;cursor:pointer;max-width:275px;justify-content:center;align-items:center;display:flex;background-color:#21252a;flex-direction:column}.project-box.dark:hover{background-color:#17191c}.project-img{display:flex;width:250px;height:150px;object-fit:cover;border-radius:20px;border:.2px solid rgba(33,37,42,.275);overflow:hidden}.extra-description{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;color:#ffb95d;width:250px;font-size:14px}.project-description{width:250px;height:flex;margin-bottom:10px;font-size:14px}.project-title{width:250px;height:25px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:18px;margin-top:5px}.image{max-height:175px;object-fit:cover;margin-left:auto;margin-right:auto;display:block;width:250px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-container.dark{position:relative;background:#21252a;padding:35px;border-radius:15px;box-shadow:0 0 10px #0000004d;width:38%;height:65%;overflow-y:auto}.modal-container.light{position:relative;background:#fff;padding:35px;border-radius:15px;box-shadow:0 0 10px #0000004d;width:38%;height:65%;overflow-y:auto}.modal-title{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.image-slot{display:flex;justify-content:center}.project-img-modal{margin-top:2%;display:flex;width:90%;height:80%;object-fit:cover;border-radius:20px;border:.2px solid rgba(33,37,42,.275);overflow:hidden}.image-modal{object-fit:cover;margin-left:auto;margin-right:auto;display:block;width:100%}.close-button{position:absolute;top:10px;right:10px;height:30px;width:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#ff00009d;border-radius:20px;background-color:#ff000052}.close-button:hover{transition-duration:.05s;transition-timing-function:ease-in-out;background-color:#ff00008a}.technologies{display:flex;flex-wrap:wrap;gap:5px}.tech-box{border-radius:9px;padding:4px;display:flex;justify-content:center;font-size:14px;color:#fff}.project-links{border-radius:3px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s;margin-right:10px;margin-top:8px}.project-links.light{color:#000;border:1px solid black}.project-links.dark{color:#fff;border:1px solid white}.modal-open{overflow:hidden}.profile-pic-container{margin-left:35px}.profile-pic{width:190px;height:190px;border-radius:50%;object-fit:cover;border:none;overflow:hidden}@media screen and (max-width: 1200px){.title-intro{width:100%}}@media (max-width: 768px){.title-intro{flex-direction:column;text-align:center}.text-section{order:2}.profile-pic-container{order:1;margin-bottom:20px;margin-left:0}}.title-intro-research{width:80%;margin-top:85px}.title-research{font-size:45px;font-weight:700;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.intro-research{font-size:17px}.research-icon{display:flex;gap:5%;align-items:center;width:140px}.research-subtitle{font-size:32px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;margin-top:25px;margin-bottom:10px}.research-subtitle2{font-size:22px;font-weight:700;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;margin-top:10px;margin-bottom:10px}.research-box{width:100%;position:relative;display:flex;flex-direction:column;margin-bottom:15px}.highlight{width:8px;height:100%;position:absolute;left:0;top:0}.project-title-research{width:100%;padding:2px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:18px;margin-left:15px}.research-names{margin-left:15px;padding:2px;display:flex;flex-wrap:wrap}.research-journal{margin-left:15px;padding:2px;display:flex;flex-wrap:wrap;font-style:italic}.research-links{border-radius:3px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s;margin-left:15px;margin-top:8px}.research-links.light{color:#000;border:1px solid black}.research-links.dark{color:#fff;border:1px solid white}.title-blog{font-size:45px;font-weight:700;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.project-title-blog{width:100%;padding:2px;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;font-size:24px}.blog-box.light{flex-basis:100%;margin-bottom:1%;border-radius:28px;padding:8px 8px 8px 18px;cursor:pointer;display:flex;background-color:#f9f8f8;flex-direction:column}.blog-box.light:hover{background-color:#eeecec;transition-duration:.3s;transition-timing-function:ease-in-out}.blog-box.dark{flex-basis:100%;margin-bottom:1%;border-radius:28px;padding:8px 8px 8px 18px;cursor:pointer;display:flex;background-color:#2c3036;flex-direction:column}.blog-box.dark:hover{background-color:#17191c}.blog-date{margin-bottom:8px}.title-blog{font-size:35px;font-weight:700;font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.title-intro-blog{width:80%;margin-top:85px;display:flex}.blog-description{font-size:18px;font-family:proxima_nova_rgregular,Helvetica,Arial,sans-serif;margin-top:10px}.container-toc{width:10%;position:fixed;top:100px;left:10px;height:100%;padding:10px;box-sizing:border-box}.sidebar{width:100%}.toc-title{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif;margin-bottom:10px;font-size:large}.toc-list{list-style-type:none;padding:0}.toc-list li{margin-bottom:10px}.section-title{font-family:proxima_nova_rgbold,Helvetica,Arial,sans-serif}.oscar-image{max-width:75px;height:auto;display:block;margin:10px}