*{--card-bg: #dcb6fd;--content-bg: #AB81cd;--link: #EACB5F;--page-bg: #5A4FA8;--main-bg: #1e204e;--text-color: #F5F5FA;--accent:#e9c3ff;--link-visited: #C26CCF;line-height:1.4;font-size:16px}h1{font-size:2.5rem}h2{font-size:1.8rem;line-height:.7}h3{font-size:1.625rem;line-height:1.3}h4,summary{font-size:1.25rem;line-height:1.2}html{scroll-behavior:smooth}body{background-color:var(--page-bg);color:var(--text-color);margin:0;width:100%}h1,h2,h3{font-family:Sora,Fira Code,Courier New,monospace;font-weight:650}h4,#modalTitle,summary{font-family:Figtree,sans-serif;font-weight:650}summary{list-style:none;align-items:center;cursor:pointer}summary:before{content:"+  "}details[open] summary:before{content:"–  "}summary::-webkit-details-marker{display:none}#methodTitle{font-size:1.05rem}#methodSummary{font-weight:450}p,li,a,button,h5,h6{font-family:Figtree,sans-serif;font-weight:525}#modalTeamName{font-weight:700}.card>h4{width:100%}details:hover{cursor:pointer}summary:hover{color:var(--accent)}details{margin-bottom:1rem}a{color:var(--link)}a:visited{color:var(--link-visited)}button{border:none;margin:5px 0;background-color:var(--link);padding:10px;border-radius:20px;width:fit-content;transition:.1s ease-in}button:hover{cursor:pointer}button>a:visited{text-decoration:none;color:var(--main-bg)}button:hover>a{color:var(--link)}header,footer{background-color:var(--main-bg);margin:0;padding:0 2.5%;display:flex;min-width:30%;max-width:100%;flex-direction:row;align-items:center}header{justify-content:space-between}footer{justify-content:space-evenly;position:sticky;z-index:0}footer>a{color:var(--link)}footer>a:hover{color:var(--card-bg)}#actionButtons{display:flex}#sidebarContent>#actionButtons{display:inline}#actionButtons>button{height:fit-content;margin:.25rem;padding:.5rem}#actionButtons>button>a{color:var(--main-bg);text-decoration:none;padding:.05rem}#actionButtons>button:hover{transform:scale(1.2);color:var(--main-bg);background-color:var(--text-color);text-decoration:none}#about-interests,strong{font-weight:600;font-style:italic;color:var(--accent)}#gridContainer,#projPage{display:flex;flex-direction:row;margin:1%;gap:1.25%;padding:1%;place-content:center}#sidebar,#content,#studyNavbar,.caseStudy{display:flex;flex-direction:column;margin:.25rem;padding:2.5%;align-items:center;background-color:var(--main-bg);border-radius:20px}#sidebar,#studyNavbar{width:22%;top:3rem;position:sticky;height:fit-content;text-align:center;justify-content:space-between}#studyNavbar{text-align:left}#studyNavbar>nav>h3{text-align:center}#sidebarContent{padding:.5rem}#sidebarNavbar>nav{margin-top:0;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}#sidebarContent>#actionButtons{flex-direction:column;align-items:center}#profile{margin-bottom:15%}hr{border-top:3px dotted var(--text-color);border-bottom:none;width:100%}#content{padding:.5rem,1.25rem;width:75%;overflow-y:scroll;align-items:flex-start}.caseStudy{width:70%;padding:.5rem 1.75rem}#navStudyButtons{display:flex;flex-direction:row;gap:1.25rem}div.contentItem{padding:1.25rem}#sidebar>ul{list-style:none;padding:0;text-align:center}#socials{display:flex;flex-direction:row;justify-content:center;transform:scale(1.5);gap:1rem}#socials>a,nav>a,cite>a{color:var(--link);font-style:italic;text-decoration:none;font-weight:650;transition:.3s ease-in-out}#socials>a:hover,nav>a:hover,cite>a:hover{color:var(--text-color);transform:scale(1.55)}.cardsContainer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem;margin:2rem 0}#about-cards{justify-content:space-evenly}#about-cards>.card{height:12rem;width:15rem;align-content:center}.card{background-color:var(--card-bg);color:var(--main-bg);margin:.25rem;padding:1.75rem;width:15.5rem;height:15rem;border-radius:20px;display:flex;flex-direction:column;justify-content:center}button:hover{transform:scale(1.2);background-color:var(--main-bg);color:var(--link);text-decoration:none}#research-cards>.card>button>a{color:var(--main-bg);text-decoration:none}#research-cards>.card>button:hover>a{color:var(--link);text-decoration:none}.projContent{padding:1.25rem;gap:1rem;width:100%;display:flex;justify-content:flex-start}.projContent#hero{flex-direction:row;align-items:center;justify-content:space-between}.tldr{width:50%}.details>img{width:20rem}.projContent#overview{flex-direction:row;justify-content:space-between;align-items:flex-start}.projContent#overview>div{width:30%;padding:0 .25rem}#goalVerb{color:var(--link)}.projContent#problem,.projContent#reflection{width:100%;align-items:center;justify-content:space-between}.projContent#problem>#problemBlurb,.projContent#reflection>h3{width:30%}#problemParagraph,#reflectionParagraph{width:55%}.projContent#process{flex-direction:column;gap:0px}#processGrid{display:grid;grid-template-columns:.5fr .5fr;column-gap:2rem;row-gap:.75rem}dialog::backdrop{background-color:#00000080}.modal{padding:0 1.25rem 1.25rem;transition:.2s ease-in-out;border-radius:10px;background-color:var(--text-color);max-width:70%;max-height:75%;overflow:scroll;border:none}#explorationModal{width:fit-content}.exploContent{display:flex;flex-direction:column;margin:auto;padding:.5rem}.exploContent,.exploDesc{width:100%}.explorationEmbed{margin:.25rem}#explorationCode{text-decoration:none;margin:.125rem}#modalHeader{position:sticky;background-color:var(--text-color);color:var(--main-bg);top:0;height:fit-content;margin-bottom:.2rem;display:flex;justify-content:space-between;align-items:center}#modalHeader>button{cursor:pointer;border:none;outline:none;background:none;font-size:1.75rem;font-weight:700}#modalBody{display:flex;flex-direction:row;justify-content:space-evenly;padding-left:40px;padding-right:40px;padding-bottom:2rem;gap:2rem;overflow:scroll;color:var(--main-bg)}.processMedia{width:60%}embed[type="application/pdf"]{width:95%;height:300px}.projImg{display:flex;justify-content:center}.projDemoSection{display:flex;flex-direction:row;width:40%}.projRolesSection{margin:0 .45rem;width:25%}.projSummary{display:flex;flex-direction:column;gap:.5rem}.modalLink{text-decoration:none;color:var(--main-bg)}#summaryTitle{font-style:oblique;font-weight:700}.projButtons{display:flex;gap:.75rem}details>p,details>embed{margin-left:1rem}#mobileHeader{justify-content:flex-start;top:0;position:sticky;padding:0 2rem;gap:3rem;text-align:center;align-content:center;filter:drop-shadow(1rem .75rem 1rem var(--page-bg));z-index:2}#menuToggle{padding:0;margin-top:1.125rem;transform:scale(2.5);background:none;color:var(--text-color)}@media screen and (min-width:320px)and (max-width:899px){:root{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.2rem}footer{text-align:center;gap:3rem}.card{width:80%;height:fit-content}.modal{max-width:80%}#modalBody{flex-direction:column;justify-content:center;padding:.25rem}.explorationEmbed{width:60%;height:auto}#studyNavbar,#sidebar{position:fixed;top:7rem;width:18rem;margin:auto;left:0;right:0;z-index:2}.overlay{background-color:#00000080;width:100%;height:100%;top:0;left:0;position:fixed;z-index:1}#processGrid{display:flex;flex-direction:column}#content,.caseStudy{width:90%}.projImg>img{width:100%}.projDemoSection,.projRolesSection{width:100%}.projContent#hero{flex-direction:column;line-height:.25rem}.details{text-align:center}#problemBlurb{width:30%}#reflectionParagraph{width:80%}.tldr{width:100%}}@media screen and (min-width:900px){.modal{align-items:center;width:85%}#content,.caseStudy{width:100%}#modalBody{padding:.25rem;gap:5rem;justify-content:space-around}.projDemoSection{width:60%}.projRolesSection{margin:0 1rem;padding:auto;width:40%}.projContent#hero>.details{width:70%}}