:root{--bg-color: #0F172A;--font-color: white;--link-color: black;--text-color-1: black;--text-color-2: #FACC15;--headline-color: #FFFFFF;--my-green: #22C55E;--my-black: #1E293B}.status{color:#fff;font-size:large;text-align:left}.active{color:var(--my-green)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background-color:var(--my-black);opacity:1;background-image:radial-gradient(circle at center center,var(--my-green),var(--my-black)),repeating-radial-gradient(circle at center center,var(--my-green),var(--my-green),40px,transparent 80px,transparent 40px);background-blend-mode:multiply;text-align:center;font-family:Work Sans,sans-serif;color:var(--font-color)}h1,h2,h3{font-family:Montserrat,sans-serif}h1{font-size:36px;color:var(--headline-color);animation:fadeInLeft 1s ease}h2{color:var(--font-color);font-weight:900}h3{color:var(--text-color-1)}a{color:var(--link-color);text-decoration:none}p{color:var(--font-color);font-size:14px;line-height:1.1rem}ul{list-style:none}nav{position:fixed;top:0;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6;width:100%;background:rgba(0,0,0,.7);box-shadow:0 0 10px #0003}nav ul{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin:0 .5rem}nav li{display:block}nav li a{display:block;text-align:center;padding:1rem;font-size:13px;color:#fff}nav ul li:nth-child(1){justify-self:start;margin-right:1rem}.menu-icon{display:none;flex-direction:column;justify-content:space-between;width:30px;height:25px;cursor:pointer;margin:10px 10px 10px auto}.bar{height:4px;width:100%;background-color:#fff;border-radius:4px}@media screen and (max-width: 768px){body{padding-top:15px}.menu-icon{display:flex}#nav-list{display:none;width:100%;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;left:50%;transform:translate(-50%);padding:1rem 0;z-index:999;background:rgba(0,0,0,.7);box-shadow:0 0 10px #0003}#nav-list.active{display:flex}nav li a{font-size:16px;padding:1rem;text-align:left;color:#f4f4f4;border-bottom:1px solid #ccc}nav li:last-child a{border-bottom:none}}main{padding:0 10vw;display:flex;flex-direction:column;justify-content:space-around;gap:2rem}.img-info-container{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;background-color:var(--my-green);opacity:1;background-image:radial-gradient(var(--my-black) .8px,transparent .8px),radial-gradient(var(--my-black) .8px,var(--my-green) .8px);background-size:32px 32px;background-position:0 0,16px 16px;border-radius:0}.img-container{display:none;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;background-color:#fff;border:white solid 2px}.profile-img{object-fit:cover;border-radius:50%;border:white 1px}.profile-img:hover{transform:scale(1.1)}.info-container{display:flex;flex-direction:column;justify-content:center}.social-container{display:flex;gap:12px;margin-bottom:1rem;opacity:0}.social-container a{transition:transform .3s ease,color .3s ease}.user-bio{font-size:1rem;line-height:1.6;color:var(--font-color);max-width:600px;margin:1.5rem auto;text-align:center;font-family:Roboto,sans-serif}main hr{display:block;height:1px;border:0;width:0;border-top:1px solid #cdced5;position:absolute;bottom:8px}.quote-container{padding:16px;background-color:var(--my-green);opacity:0;border-radius:0;filter:drop-shadow(0 0 0 rgba(45,55,45,.2));transition:.3s all cubic-bezier(.075,.82,.165,1);transform-origin:right;will-change:filter;animation:dropShadow 1s ease forwards 1.5s}.quote-container p{color:#000}.quote-container:hover{filter:drop-shadow(10px 10px 2px rgba(255,255,255,.25))}#project{padding:15vh 16px}#project h2{font-size:xx-large;text-align:left;margin-left:1rem}.project-container{display:grid;grid-template-columns:1fr;gap:12px;padding-top:5vh}#research{padding:15vh 16px}#research h2{font-size:xx-large;text-align:left;margin-left:1rem}.research-container{display:grid;grid-template-columns:1fr;gap:12px;padding-top:5vh}.research-item-container{border:3px solid #ffffff;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:16px;border-radius:0;background:var(--my-green)}.research-item-container h3{text-align:left}.research-item-container img{vertical-align:bottom}.research-item-container p{font-size:12px;text-align:justify}.research-item-head{display:flex;flex-direction:row;gap:3px;justify-content:flex-start}.research-item-description{text-align:left}.research-keywords-container{display:flex;flex-direction:row;font-weight:lighter;gap:8px}.keyword{font-size:12px;color:var(--my-black)}.repository-container{border:3px solid #ffffff;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:16px;border-radius:0;background:var(--my-green)}.repository-container h3{text-align:left}.repository-container img{vertical-align:bottom}.repository-container p{font-size:12px}.repository-head{display:flex;flex-direction:row;gap:3px;justify-content:flex-start}.repository-description{text-align:left}.repository-language-used-container{display:flex;flex-direction:row;font-weight:lighter;gap:8px}.language-used{font-size:12px;color:var(--my-black)}.more-repo{margin-top:10px;display:block}.more-repo a{font-weight:800;color:var(--link-color)}#about{padding-top:15vh}.about-img-container{display:flex;justify-content:center;margin-bottom:20px}.about-img-container img{border-radius:50%;border:2px solid white}.about-social-container{margin:10px 0;display:flex;justify-content:space-around;padding:0 1em}#about p{margin:20px}.about-social-container li{display:flex;gap:5px;justify-content:space-between}.about-social-container a,.greentext{color:var(--my-green)}.skill{display:grid;grid-template-columns:repeat(2,1fr);text-align:left;margin:0 30px}#about h3{text-align:left;margin:10px 20px}.skill li{line-height:30px}#about ul.skill li:before{font-size:10px;padding-right:10px;content:"▸";vertical-align:bottom}footer{padding:10vh}#experience{padding:15vh 16px}#experience h2{font-size:xx-large;text-align:left;margin-left:1rem}.experience-container{display:grid;grid-template-columns:1fr;gap:12px;padding-top:5vh}.experience-item-container{border:3px solid #ffffff;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:16px;border-radius:0;background:var(--my-green)}.experience-item-container h3{text-align:left;font-weight:700}.experience-item-container p{font-size:14px;text-align:justify}.experience-item-container span{font-weight:lighter;color:#56ccf2}#awards{padding:15vh 16px}#awards h2{font-size:xx-large;text-align:left;margin-left:1rem}.awards-container{display:grid;grid-template-columns:1fr;gap:12px;padding-top:5vh}.award-item-container{border:3px solid #ffffff;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:16px;border-radius:0;background:var(--my-green)}.award-item-container h3{text-align:left;font-weight:700}.award-item-container p{font-size:14px;text-align:justify}.award-item-container span{font-weight:lighter;color:#56ccf2}#certifications{padding:15vh 16px}#certifications h2{font-size:xx-large;text-align:left;margin-left:1rem}.certifications-container{display:grid;grid-template-columns:1fr;gap:12px;padding-top:5vh}.certification-item-container{border:3px solid #ffffff;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px;padding:16px;border-radius:0;background:var(--my-green)}.certification-item-container h3{text-align:left;font-weight:700}.certification-item-container p{font-size:14px;text-align:justify}.certification-item-container span{font-weight:lighter;color:#56ccf2}@media screen and (min-width: 768px){main{margin-left:20%;margin-right:20%}#about,#project,#research,#awards,#experience,#certifications,nav ul{margin-left:30%;margin-right:30%}.img-container{display:none}}@media screen and (min-width: 1025px){.project-container{grid-template-columns:repeat(2,1fr)}.more-repo{display:block}.skill{grid-template-columns:repeat(3,1fr)}.img-container{display:none}}@keyframes slide-in{to{width:115%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropShadow{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes animated_text{0%{background-position:0px 50%}50%{background-position:100% 50%}to{background-position:0px 50%}}.gradient{text-align:center;font-size:2rem;background:var(--my-green);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:animated_text 10s ease-in-out infinite}.center{display:flex;justify-content:center;align-items:center;min-height:100vh}