html{scroll-behavior:smooth;scroll-padding:69px}.header{background-color:#202020;display:flex;justify-content:flex-end;gap:25px;top:0;position:sticky;z-index:100}.header-list{background-color:#202020;padding:20px;display:flex;justify-content:flex-end;gap:25px;top:0;position:sticky;z-index:100;margin:0}.active{text-decoration:underline;font-weight:900}a{text-decoration:none;color:#fff;font-size:20px}a:hover{cursor:pointer}.header-tab:after{width:0;transition:.5s;height:3px;left:0;bottom:-6px;background-color:#3864b6;content:"";display:block}.header-tab:hover:after{width:100%}ul{list-style-type:none}.mobile-menu{display:none}@media only screen and (max-width: 600px){.mobile-menu{display:block}.header-list{display:flex;flex-direction:column;justify-content:flex-start;position:fixed;top:0;right:-100%;height:100vh;background-color:#3864b6;padding:20px;transition:right .8s ease;z-index:101}.header-list.slide-in{right:0}.header-list.slide-out{right:-100%}.mobile-menu{display:block;height:30px;width:30px;top:10px;right:10px;z-index:102}.mobile-menu:hover{cursor:pointer}.menu-icon{padding:10px}.hide{visibility:hidden}.header-tab:after{background-color:#202020}}.home{margin-top:70px;margin-bottom:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.pic-with-text{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;width:80%}.profiler-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.skills{display:flex;align-items:center;justify-self:center;gap:20px;font-size:20px}.skills #skills-text{height:100%;border-right:2px solid lightgray;padding:12px 20px 12px 0}.home-label{width:100%;text-align:center;font-size:20px;padding-top:10px}.home-text{width:55%;font-size:40px;text-align:left;margin:0;font-weight:700}.profile-pic-container{width:338px;height:600px;position:relative;border-radius:100px;overflow:hidden}.profile-pic{width:100%;height:100%;object-fit:contain}.profile-pic-container:before{overflow:hidden;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#ffffff14 20%,#fff0 70%);animation:shimmer 5s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}@media only screen and (max-width: 975px){#home{width:100%}.profile-right{display:flex;flex-direction:column;align-items:center;justify-self:center}.profile-pic-container{width:225px;height:400px;position:relative;border-radius:50px;overflow:hidden}.home-text{width:55%;font-size:30px;text-align:left;margin:0;font-weight:700}.skills{display:flex;align-items:center;justify-self:center;gap:10px;font-size:16px}.skills #skills-text{height:100%;border-right:2px solid lightgray;padding:5px 5px 5px 0}.skills img{width:45px;height:45px}}@media only screen and (max-width: 600px){#home{width:100%}.profile-right{display:flex;flex-direction:column;align-items:center;justify-self:center}.profile-pic-container{width:113px;height:200px;position:relative;border-radius:25px;overflow:hidden}.home-text{width:55%;font-size:20px;text-align:left;margin:0;font-weight:700}.skills{display:flex;align-items:center;justify-self:center;gap:10px;font-size:16px}.skills #skills-text{height:100%;border-right:2px solid lightgray;padding:5px 5px 5px 0}.skills img{width:35px;height:35px}}#uww{width:175px;border-radius:35px}#about{margin-top:50px;margin-bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.about-header{font-size:40px}.about-image-text{display:flex;align-items:center;justify-content:center;gap:40px}#family{width:300px;border-radius:35px}.about-text{width:600px;font-size:24px;text-align:left}.education-container{width:80%;display:flex;align-items:center;justify-content:space-evenly}.education-header{margin-top:50px;font-size:32px;text-align:center}.education-txt-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin:15px 0}.education-text{font-size:18px;text-align:center;margin:0}.harvardx{width:175px;border-radius:35px}.education-subheader{margin:0}@media only screen and (max-width: 975px){#about{max-width:100vw}.about-image-text{max-width:80%;flex-direction:column}.about-text{width:100%;font-size:16px;text-align:center}.education-container{flex-direction:column;gap:15px}.education-text{font-size:16px}}.projects-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:40px}p.links-skills,p.project-skills,p.project-demo,p.project-desc,p.project-gh{margin:0}#projects{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;text-align:center;padding:20px}.project-single{text-align:center;position:relative;overflow:hidden;border:none;border-radius:20px}.project-screenshot{width:100%;object-fit:contain;z-index:51;border-radius:21px}h2.project-title,p.project-desc{margin-top:0;margin-bottom:0}.project-text{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:95%;width:calc(100% - 40px);text-align:center;padding:20px;position:absolute;top:100%;transform:translateX(-50%,-50%);transition:top .5s;border-radius:18px;background:linear-gradient(#000000d9,#3864b6)}.project-single:hover .project-text{top:0%}.project-title{text-align:center;font-size:24px;margin:0}.project-desc{text-align:left;width:85%;font-size:14px}.links-skills{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.project-left,.project-right{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.project-skills{font-size:14px;font-weight:600}.project-code{display:flex;align-items:center;justify-content:center;gap:10px;height:30px}.project-demo{display:flex;align-items:center;justify-content:center;height:30px;padding-left:10px}@keyframes moveUp{0%{top:-100%}to{top:0%}}@media only screen and (max-width: 975px){.projects{grid-template-columns:repeat(1,1fr)}.project-single{width:90%;margin:0 auto}.project-screenshot{border-radius:12px}.project-text{width:100%;padding:10px;border-radius:12px}.project-desc{font-size:20px}}@media only screen and (max-width: 600px){.projects-header{font-size:32px}.project-title{font-size:20px}.project-desc{font-size:15px}.project-right,.project-left{gap:0;margin-top:2px}}@media only screen and (max-width: 550px){.project-title{font-size:18px}.project-desc{font-size:12px}}@media only screen and (max-width: 400px){.project-title{font-size:14px}.project-desc{font-size:9px}.demo-logo,.gh-logo{width:10px}.demo-logo,.gh-logo{width:15px}.project-gh,.project-demo-txt,.project-skills{font-size:9px}.project-code,.project-demo{height:20px}}#contact{margin-bottom:50px}.row{display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:15px}.row .contact-header{font-size:40px;margin:0}.contact-left{width:35%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;margin-left:100px}.contact-text-link{margin-top:30;margin-bottom:30;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;font-size:20px}.contact-text-link img{width:30px;height:30px}.contact-text-link img.phone{width:35px;height:35px}.contact-right{width:calc(85% - 300px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-right:100px}.contact-form{display:flex;flex-direction:column;justify-content:center;width:100%}form input,form textarea{width:100%;border:0;padding:10px;margin:10px 0;background-color:#383838;color:#fff;font-size:18px;border-radius:6px;outline:none}#submit{display:flex;align-items:center;justify-content:center;position:relative;width:170px;height:50px;padding:14px 60px;font-size:18px;cursor:pointer;background-color:#3864b6;color:#fff;text-align:center;border-radius:6px;border:none;margin-top:10px}#submit:hover{background-color:#fff;color:#3864b6;transition:color .3s ease-in-out,background-color .3s ease-in-out}#submit:hover .loading-spinner{border:2px solid #3864b6;border-top:2px solid white}#linkedin-container{margin-top:20px;margin-bottom:20px;width:100%;height:40px;display:flex;flex-direction:row;gap:10px;z-index:1}#linkedin-container img{width:40px;height:40px}#linkedin-link:hover .contact-text,#phone-link:hover .contact-text,#email-link:hover .contact-text{color:#3864b6;transition:color .3s ease-in-out}.linked-in{transform:translate(-5px)}.linked-txt{transform:translate(-10px);margin:0}#submit-container{display:flex;flex-direction:row;gap:30px;align-items:center}.submit-success{animation:fadeIn .5s;font-size:18px}.loading-spinner{position:absolute;width:18px;height:18px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 975px){#contact{margin-top:40px}.row{flex-direction:column;justify-content:center;align-items:center}.contact-left,.contact-right{margin:0;width:80%}}:root{min-height:100vh;background-color:#202020;color:#fff}body{background-color:#202020;margin:0;font-family:monospace}html,body{background-color:#202020}