:root{--background-light:#fffff;--text-light:#000;--hr-color:#c8c8c8;--title-light:#1e3a8a;--subtitle-light:#1f2937;--desc-light:#4b5563;--menu-light:#7c3aed;--step-light:#fff;--table-light:#fff;--tableA-light:#000;--background-dark:#303030;--text-dark:#ececec;--title-dark:#3b82f6;--subtitle-dark:#f9fafb;--desc-dark:#e5e7eb;--menu-dark:#9b4ef9;--step-dark:#92979e;--table-dark:#2d2d2d;--tableA-dark:#fff}.app{transition:background-color .3s ease,color .3s ease}.app.light{background-color:#fffff;background-color:var(--background-light)}.app.dark{background-color:#303030;background-color:var(--background-dark)}.app.light h5{color:#1f2937;color:var(--subtitle-light)}.app.dark h5{color:#f9fafb;color:var(--subtitle-dark)}.app.light h4{color:#1e3a8a;color:var(--title-light)}.app.dark h4{color:#3b82f6;color:var(--title-dark)}.app.light h3{color:#1f2937;color:var(--subtitle-light)}.app.dark h3{color:#f9fafb;color:var(--subtitle-dark)}.app.light .box{color:var(--box-light)}.app.light .homePageText{color:#1f2937;color:var(--subtitle-light)}.app.dark .homePageText{color:#f9fafb;color:var(--subtitle-dark)}.app.light .my-motto{color:#4b5563;color:var(--desc-light)}.app.dark .my-motto{color:#e5e7eb;color:var(--desc-dark)}.appbar a{color:#000;color:var(--text-light)}.app.light .menuitems{color:#7c3aed;color:var(--menu-light)}.app.dark .menuitems{color:#9b4ef9;color:var(--menu-dark)}.app.light .stepContent{background-color:#fff;background-color:var(--step-light)}.app.dark .stepContent{background-color:#92979e;background-color:var(--step-dark)}.app.light .tableOfContent{background-color:#fff;background-color:var(--table-light)}.app.dark .tableOfContent{background-color:#2d2d2d;background-color:var(--table-dark)}.app.light .tableOfContent a,.app.light .tableOfContent h2{color:#000;color:var(--tableA-light)}.app.dark .tableOfContent a,.app.dark .tableOfContent h2{color:#fff;color:var(--tableA-dark)}.app.light .projectDesc{color:#4b5563;color:var(--desc-light)}.app.dark .projectDesc{color:#e5e7eb;color:var(--desc-dark)}.app.light table{background-color:#fff;background-color:var(--step-light)}.app.dark table{background-color:#92979e;background-color:var(--step-dark)}.app.light .tableTitle{color:#000}.app.dark .tableTitle{color:#fff;color:var(--step-light)}.app.light .tableRow{color:#000}.app.dark .tableRow{color:#fff;color:var(--step-light)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body:before{background-size:cover;content:"";left:0;opacity:.6;position:absolute;top:0;width:100%}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-from-bottom{animation:fadeInFromBottom .5s ease-out}@keyframes fade-in-from-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in-from-right{animation:fade-in-from-right .5s ease-out}.app-button{transition:background-color .3s,transform .2s}.app-button:hover{background-color:var(--accent-color);transform:translateY(-2px)}hr{background-color:#c8c8c8;background-color:var(--hr-color);border:none;height:.5px;margin:20px 0;width:95%}nav{max-height:calc(100vh - 40px);overflow:auto;position:-webkit-sticky;position:sticky;top:24px}.v-line{border-left:1px solid #c8c8c8;border-left:1px solid var(--hr-color);height:100%}.container{align-items:center;display:flex;justify-content:center}.wave-container{background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);height:5px;overflow:hidden;position:relative}.wave-container:after,.wave-container:before{animation:wave 10s linear infinite;background-color:#fff;content:"";left:50%;min-height:300vw;min-width:300vw;position:absolute}.wave-container:before{animation-delay:-5s;border-radius:45%;bottom:70vh}.wave-container:after{animation-delay:0s;border-radius:47%;bottom:70vh}@keyframes wave{0%{transform:translate(-50%) rotate(0deg)}50%{transform:translate(-50%,-2%) rotate(180deg)}to{transform:translate(-50%) rotate(1turn)}}.timeline-container{height:80vh;position:relative;width:80%}.timeline{height:100%;position:relative;width:100%}.timeline svg{height:100%;left:0;position:absolute;top:0;width:100%}.timeline-point{background:#007bff;border-radius:50%;color:#fff;cursor:pointer;padding:10px;position:absolute;text-align:center;transition:transform .3s}.timeline-point:hover{transform:scale(1.2)}.timeline-point .year{font-weight:700}.timeline-point .description{background:#333;border-radius:5px;color:#fff;left:50%;opacity:.9;padding:5px;position:absolute;text-align:center;top:-40px;transform:translateX(-50%);width:200px;z-index:1}h3,h4,h5,h6{scroll-margin-top:100px}@supports (-webkit-hyphens:none){h3,h4,h5,h6{margin-top:-16px;padding-top:16px}}a{text-decoration:underline}li.active>a,li>a:hover{color:#fff}.tableOfContent{border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 8px #0000001a;max-height:70vh;overflow-y:auto;padding:10px;position:fixed;right:20px;top:20%;width:300px;z-index:1000}.tableOfContent ul{list-style:none;padding-left:0}.tableOfContent li{margin-bottom:5px}.tableOfContent a{text-decoration:none;transition:color .2s ease}.tableOfContent a:hover{color:#007bff}.tableOfContent li.active a:hover,.tableOfContent li.active>a{color:#007bff;font-weight:700}.tableOfContent ul ul{margin-left:10px}.fade-in{opacity:0;transition:opacity .5s ease-in-out}.fade-in.show{opacity:1}.app.light .primary-button{background-color:#029ff5;border:none;border-radius:4px;color:#fffff;color:var(--background-light);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s,color .3s}.app.light .primary-button:hover{background-color:#64c5fa;color:#000;color:var(--text-light)}.app.light .secondary-button{background-color:#7c3aed;background-color:var(--menu-light);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s,color .3s}.app.light .secondary-button:hover{background-color:#9b4ef9;color:#000;color:var(--text-light)}.app.dark .primary-button{background-color:#3b82f6;background-color:var(--title-dark);border:none;border-radius:4px;color:#303030;color:var(--background-dark);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s,color .3s}.app.dark .primary-button:hover{background-color:#9b4ef9;background-color:var(--menu-dark);color:#ececec;color:var(--text-dark)}.app.dark .secondary-button{background-color:#9b4ef9;background-color:var(--menu-dark);border:none;border-radius:4px;color:#303030;color:var(--background-dark);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s,color .3s}.app.dark .secondary-button:hover{background-color:#a478fb;color:#ececec;color:var(--text-dark)}.profile-image{height:550px;padding:10px;width:550px}@media (max-width:768px){.profile-image{height:350px;width:350px}.container{padding-left:0;padding-right:0}}@media (max-width:1220px){.tableOfContent{display:none}}@media (min-width:900px){.container{padding-left:70px;padding-right:70px}}.contact-link{transition:color .3s ease}.contact-link:hover{color:#3f51b5;text-decoration:underline}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}