@font-face{font-family:HeadingNow;src:url(/fonts/Heading%20Now%2063%20Book.ttf);font-weight:400;font-style:normal}@font-face{font-family:HeadingNow;src:url(/fonts/Heading%20Now%2063%20Book%20Italic.woff2);font-weight:400;font-style:italic}@font-face{font-family:HeadingNow;src:url(/fonts/Heading%20Now%2064%20Regular.ttf);font-weight:700;font-style:normal}@font-face{font-family:HeadingNow;src:url(/fonts/Heading%20Now%2064%20Italic.ttf);font-weight:700;font-style:italic}@font-face{font-family:HeadingNow;src:url(/fonts/HeadingNowTrial-67Extrabold.ttf);font-weight:800;font-style:normal}:root{--default-red: #f05b5b;--default-yellow: #ffde5b;--default-green: #b7e169;--default-blue: #69cbe5;--default-purple: #8A5865;--default-dark: #2f2b45;--default-light: #fffdf9;--s: 1.5vh;background-color:var(--default-light)}body{font-family:HeadingNow,Arial,sans-serif;color:var(--default-dark);font-size:1.5rem;margin:0;padding:0}a{color:var(--default-purple);opacity:1;transition:.1s ease-in-out}a:hover{opacity:.7}nav{width:100%;display:flex;justify-content:space-between}.navigation-links{list-style:none;margin:0;display:flex;gap:4vw;align-items:center;padding:5vw 5vw 1vw}.navigation-links li a{color:var(--default-dark);text-decoration:none;font-size:2rem;opacity:.75;transition:all .3s ease-in-out}.navigation-links li a:hover{opacity:1;text-decoration:underline;text-decoration-style:wavy}@keyframes card-appear{0%{opacity:.8;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-card{display:flex;flex-direction:column;border-radius:30px;overflow:hidden;box-shadow:.1rem .1rem .3rem var(--default-purple);transition:.3s all;line-height:normal;margin-bottom:auto;width:100%;background-color:var(--default-light);max-height:80vh;max-width:90vw;min-width:30vw;animation:.2s card-appear;animation-timeline:view(block)}.project-card:not(.project-card-overlay .project-card):not(.contact-page .project-card){cursor:pointer}.project-card:hover:not(.project-card-overlay .project-card:hover){transform:translateY(-.5rem)}.project-card-overlay .project-card .project-card-header h1{margin-bottom:1vw!important}.project-card-header{min-height:75px;height:auto;color:var(--default-light);display:flex;flex-direction:row;flex-grow:1;align-items:center;justify-content:space-between;padding:.5vw 2vw;font-size:1rem}.project-card-header button{margin-left:auto;border:none;background-color:transparent;color:var(--default-light);font-size:1.5rem;font-family:HeadingNow;font-weight:800;transition:75ms ease-in-out;cursor:pointer}.project-card-header button:hover{filter:brightness(.9)}.project-card-header button:active{filter:brightness(.8)}.project-card-header h1{margin-top:0;margin-bottom:-.25rem;line-height:1.75rem}.project-card-header.coding{background-color:var(--default-red)}.project-card-header.teaching{background-color:var(--default-yellow)}.project-card-header.events{background-color:var(--default-green)}.project-card-header.research{background-color:var(--default-blue)}.project-card-header.misc{background-color:var(--default-purple)}.project-card-content{margin-top:1vw;display:flex;flex-direction:column;margin-bottom:.75vw;font-size:1.25rem;flex-grow:1;padding:0vw 2vw 1vw}.project-card-content>*{margin:.25rem 0}.project-card img{border-radius:20px;max-width:100%;object-fit:cover}.project-card-date{font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-card-overlay{padding:5rem;position:fixed;inset:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);animation:fadeIn .2s ease-out forwards;z-index:999}.hero-section{height:65vh;display:flex;flex-direction:column;justify-content:center;width:70vw;margin:0 auto}.hero-section h1{font-size:15vw;align-self:center;line-height:0rem;font-weight:800}.hero-section h3{font-size:xxx-large;font-weight:400;line-height:0rem}.hero-subtext{align-self:flex-start;font-weight:400;font-size:5vw;line-height:5vw;flex-wrap:wrap;white-space:normal;overflow-wrap:break-word}.hero-tagline{align-self:flex-end;font-style:italic;font-size:2.5vw!important;line-height:2.5vw}.info-section{display:flex;flex-direction:row;width:auto;padding:5vw;gap:2vw}.info-text{max-width:67vw}.info-cards{display:flex;flex-direction:row;gap:1vw}.info-graphics{display:flex;margin-left:auto;align-items:center}@keyframes photobooth-appear{0%{opacity:.8;transform:rotate(-5deg)}to{opacity:1;transform:rotate(0)}}.photobooth{display:flex;flex-direction:column;width:calc(var(--s)*20);animation:.2s photobooth-appear;animation-timeline:view(block);max-width:30vw}.photobooth img{margin:0;height:calc(20*var(--s));background:conic-gradient(at var(--s) 50%,var(--default-dark) 75%,#0000 0) 0 0 / calc(100% - var(--s)) calc(2*var(--s)) padding-box;border:var(--s) solid var(--default-dark);padding:calc(var(--s) * 1.5) calc(var(--s) * 2.5);margin-bottom:calc(-1*var(--s));aspect-ratio:1;object-fit:cover}.footer-section{width:auto;text-align:center;max-width:75vw;margin:0 auto}.footer-text{font-size:xxx-large;animation:.2s card-appear;animation-timeline:view(block)}.footer-subtext{font-size:xx-large;opacity:.7;font-style:italic}.projects-page{display:flex;flex-direction:column;gap:1vw;padding:0 5vw;width:auto}.projects-header{font-size:4rem;margin:0}.category-select-container{display:flex;flex-direction:row;gap:1vw;flex-wrap:wrap}.category-select{font-size:larger;font-family:HeadingNow,Arial,sans-serif;border-radius:999px;padding:.5rem 1rem;box-shadow:inset 0 0 0 3px var(--default-dark);color:var(--default-dark);border-width:0;background-color:var(--default-light);transition:.1s ease-in-out}.category-select:active{opacity:1!important}.category-select:not(.active){cursor:pointer}.category-select:hover,.category-select.active{color:var(--default-light)!important;box-shadow:none!important}.category-select:hover:not(.active){opacity:.5}.category-select.all.active,.category-select.all:hover{background-color:var(--default-dark)}.category-select.coding.active,.category-select.coding:hover{background-color:var(--default-red)}.category-select.teaching.active,.category-select.teaching:hover{background-color:var(--default-yellow)}.category-select.events.active,.category-select.events:hover{background-color:var(--default-green)}.category-select.research.active,.category-select.research:hover{background-color:var(--default-blue)}.category-select.catchall.active,.category-select.catchall:hover{background-color:var(--default-purple)}.projects-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:1rem;margin-bottom:3rem}.project-card-image-container{min-height:15vh;max-height:40vh;height:auto;overflow-x:auto;display:flex;flex-direction:row;justify-content:flex-start;gap:1vw;overflow-y:hidden}.project-card-image-container img{border-radius:20px;max-width:100%;object-fit:cover;height:100%;aspect-ratio:auto;max-height:30vh;width:auto;flex-shrink:0}.contact-page{width:100%;display:flex;align-items:center;justify-content:center;height:auto;margin-top:5vh}.contact-page .project-card .project-card-header{display:flex;justify-content:center;text-align:center}.contact-page .project-card{max-width:50vw}.contact-page-content{display:flex;flex-direction:row;padding:0 1vw 1vw}.contact-page .project-card .project-card-content{min-width:40%;padding:0}.contact-page .project-card .project-card-content svg{color:var(--default-purple)}.contact-page .project-card .project-card-content p{font-size:x-large}.contact-page-buttons{max-width:50%;margin-top:1vw}.contact-page-buttons>*{margin:.5vw 0}.contact-page-buttons img{border-radius:0!important}.contact-page-buttons p{font-size:1.25rem;line-height:1.5rem;font-style:italic;margin:0}.contact-page-my-button{display:flex;flex-direction:row;justify-content:space-between;height:31px}.project-card .contact-page-content .contact-page-buttons .contact-page-my-button .category-select{font-size:clamp(.5rem,2vw,1rem);box-shadow:inset 0 0 0 1.5px var(--default-purple);color:var(--default-purple);padding:0 .75vw}.contact-page-code{background-color:rgb(from var(--default-purple) r g b / .25);border:2px solid;border-radius:1vw;color:var(--default-purple);padding:.5vw;overflow-wrap:break-word;font-size:2vh;line-height:2vh}.contact-footer{text-align:center;align-self:center;opacity:.5;color:var(--default-dark);font-style:italic}