.App{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.App,nav{background-color:#36454f}nav{-webkit-animation:fade-in 1s ease-out;animation:fade-in 1s ease-out;justify-content:center;margin-bottom:20px}nav,nav ul{display:flex}nav ul{list-style:none}nav li{color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-right:20px;position:relative}nav li:hover{-webkit-animation:shake .5s;animation:shake .5s}nav li.active,nav li:hover{color:#ffc000}.scroll-container{height:100vh;overflow:auto}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#about{background-color:#36454f;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.portrait{border-radius:50%;height:200px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:200px}.portrait:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.self-portrait img{height:100%;object-fit:cover;width:100%}.intro{line-height:1.5}.intro p{margin-bottom:20px}.links{display:flex}.links a{margin:0 10px;text-decoration:none;transition:all .3s ease-in-out}.links a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.degree{margin-bottom:20px}.degree h3{color:#fff;cursor:pointer;margin-bottom:10px;transition:all .3s ease-in-out}.degree h3:hover{color:#ffc000}.details{border-left:2px solid #ffc000;margin-left:20px;padding-left:20px}.details p{margin-bottom:10px}.details ul{list-style:none;margin:0;padding:0}.details ul li{margin-bottom:5px}.degree-card{align-items:center;border:1px solid #eaeaea;border-radius:8px;display:flex;margin-bottom:20px;padding:10px;transition:box-shadow .3s ease}.degree-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.university-logo{border-radius:50%;height:80px;margin-right:20px;object-fit:cover;width:80px}.degree-info{flex-grow:1}.experiences{justify-content:center}.experiences,.timeline{align-items:center;display:flex}.timeline{flex-direction:column;position:relative}.timeline:before{background-color:#ffc000;content:"";height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px}.job{background-color:#36454f;border-radius:5px;box-shadow:0 0 1.5px #fff;cursor:pointer;margin:20px 0;padding:20px;position:relative;transition:background-color .3s ease;width:400px}.tech{color:#fff;font-style:italic;padding-top:10px}.job-title{font-size:20px;font-weight:700}.job-company,.job-title{color:#fff;margin-bottom:10px}.job-company{font-size:15px}.job-location{color:#fff;font-size:16px;margin-bottom:10px}.job-duration{color:#fff;font-size:15px;font-weight:700;left:-150px;position:absolute;top:0}.selected{background-color:#36454f}.job-duties{color:#fff;font-size:16px;list-style:none;margin-top:10px;padding-left:20px}.timeline:before{-webkit-animation:move-line 2s ease-in-out;animation:move-line 2s ease-in-out}@-webkit-keyframes move-line{0%{height:0}to{height:100%}}@keyframes move-line{0%{height:0}to{height:100%}}.job-duties{-webkit-animation:slide-down .5s ease-in-out;animation:slide-down .5s ease-in-out}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.timeline:before{left:30px;-webkit-transform:none;transform:none}.job{width:90%}.job-duration{left:0}}@media (max-width:480px){.job-title{font-size:20px}.job-company{font-size:16px}.job-duties,.job-location{font-size:14px}}body{background-color:#36454f;font-family:Arial,sans-serif;font-size:16px}#projects{color:#fff;margin:0 auto;max-width:800px}#projects h2{font-size:2rem;margin-top:3rem}#projects h2,#projects p{color:#fff;text-align:center}#projects p{font-size:1.2rem;margin-bottom:3rem}#projects ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}#projects ul li{border:1px solid #36454f;border-radius:5px;flex:0 1 300px;margin:10px;padding:20px;text-align:center}#projects li{background-color:#36454f;border-radius:10px;box-shadow:0 0 1.5px #fff;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;width:30%}#projects ul li a{display:inline-block;margin:10px}#projects li:hover{box-shadow:0 10px 20px #fff;-webkit-transform:translateY(-5px);transform:translateY(-5px)}#projects li h3{color:#fff;font-size:1.2rem;margin:1rem}#projects li p{color:#fff;font-size:1rem;margin:.5rem 1rem}#filter-section{align-items:center;display:flex;justify-content:space-between;margin-top:3rem}#filter-section label{color:#fff;font-size:1.2rem;margin-right:1rem}#filter-section input[type=checkbox]{margin-right:.5rem;-webkit-transform:scale(1.5);transform:scale(1.5)}#active-filters{display:flex;flex-wrap:wrap;margin-top:1rem}#active-filters span{font-size:.8rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem}#active-filters span,#reset-filters{background-color:#fff;border-radius:10px;color:#36454f}#reset-filters{cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}#reset-filters:hover{background-color:#36454f;border:1px solid #fff;color:#fff}a.github-link{display:block;margin:1rem}a.github-link img{height:32px;width:32px}.filter-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.filter-container label{cursor:pointer;display:inline-block;font-size:18px;margin-bottom:10px;margin-right:10px;padding-left:30px;position:relative}.filter-container input{cursor:pointer;opacity:0;position:absolute}.checkmark{border:2px solid #aaa;border-radius:4px;height:20px;left:0;position:absolute;top:0;width:20px}.checkmark:after{content:"";display:none;position:absolute}.filter-container input:checked~.checkmark:after{display:block}.filter-container .checkmark:after{border:solid #36454f;border-width:0 2px 2px 0;height:8px;left:6px;top:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4px}#apply-filters{background-color:#ffc000;border:none;border-radius:5px;color:#36454f;cursor:pointer;display:block;font-size:16px;margin:0 auto;padding:10px 20px;transition:background-color .3s ease}#apply-filters:hover{background-color:#2980b9}.CardTitle{font-weight:700}.Research{color:#fff}
/*# sourceMappingURL=main.bc358ff2.css.map*/