@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:400;src:url(/Personal-Website/fonts/Shippori_Mincho/ShipporiMincho-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-stretch:75% 100%;font-weight:100 900;src:url(/Personal-Website/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf) format("truetype")}:root{--site-guard-rail: 16px;--primary-font: "Shippori Mincho";--secondary-font: "Roboto";--font-color: white;--background-color: #131313;--header-background-color: #000000;--header-nav-hover-background-color: #141414;--border-bottom-color: #363535;--card-background-color: #1a1a1a;--svg-color: white}html{scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--font-color)}h1{line-height:1.15;font-size:2.986rem;text-decoration:underline;text-underline-offset:8%;text-decoration-thickness:4%;text-decoration-color:#b12a2e;margin-block:0 1rem}h2{line-height:1.2;font-size:2.488rem;margin-block:0 1rem}h3{line-height:1.2;font-size:2.074rem;margin:0}h4{font-size:1.728rem;line-height:1.2;margin:0}p,li,a{line-height:1.6;font-size:1rem;margin:0}p,li{font-weight:350}a,h4{font-weight:700}h1,h2{font-family:var(--primary-font);font-weight:400}p,li,a,h3,h4{font-family:var(--secondary-font);font-stretch:100%}.font-small{line-height:1.5;font-size:.833rem;margin:0}header{background-color:var(--header-background-color);position:sticky;top:1rem;z-index:1;display:flex;align-items:center;flex-wrap:wrap;padding:1rem 2rem;border-radius:.5rem}header>*{line-height:0}header nav{flex-basis:100%;display:none}#nav-items{padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.nav-item{list-style:none}.nav-link{display:inline-block;box-sizing:border-box;color:var(--font-color);width:100%;border-radius:.25rem;padding:.5rem;text-decoration:none;transition:background-color .1s linear}.nav-link:hover{background-color:var(--header-nav-hover-background-color)}#menu{margin-left:auto;padding:0;background:none;border:none;cursor:pointer}:has(#menu[aria-expanded=true]) header nav{display:unset}#guardrail-container{display:grid;grid-template-columns:1fr;margin-inline:var(--site-guard-rail)}#introduction{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-bottom-color)}#introduction section{max-width:80ch}#introduction a{font-variant:small-caps;color:var(--font-color)}#introduction img{display:none;max-width:784px;width:55%;height:auto}#about-me{scroll-margin-top:4rem;width:100%;padding-block:3rem;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;border-bottom:1px solid var(--border-bottom-color);gap:2rem}#about-me section{max-width:80ch}#about-me img{max-width:100%;height:auto}#skills{scroll-margin-top:4rem;width:100%;margin:0 auto;padding-block:6rem;border-bottom:1px solid var(--border-bottom-color)}#skills section{display:flex;flex-direction:column;align-items:center;gap:1rem}#skill-items{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;list-style:none}.skill-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--card-background-color);border-radius:.25rem}.coursework-item{list-style:none;padding:1rem;background-color:var(--card-background-color);border-radius:.25rem}#coursework{scroll-margin-top:4rem;width:100%;padding-block:6rem;border-bottom:1px solid var(--border-bottom-color)}#coursework-items{margin-top:2rem;padding:0;display:grid;gap:.5rem;grid-template-columns:1fr}#projects{scroll-margin-top:4rem;padding-block:4rem;border-bottom:1px solid var(--border-bottom-color)}#projects section{display:flex;flex-direction:column;align-items:center;gap:2rem}#project-items{display:grid;grid-template-columns:1fr;gap:1rem}.project-item *{margin:0}.project-item{background-color:var(--card-background-color);padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.project-item-list{margin:0;padding:0;display:flex;flex-wrap:wrap;height:fit-content;gap:.5rem}.project-item-list-item{list-style:none;font-variant:small-caps;font-weight:350}.project-item-link{display:inline-block;color:var(--font-color);text-decoration:none;font-variant:small-caps;font-weight:400;border:1px solid var(--font-color);padding:.5rem;border-radius:.25rem}footer{padding-block:2rem;display:flex;flex-direction:column;gap:1rem}#footer-bottom{display:flex;flex-direction:column;align-items:center}#theme-button{cursor:pointer;position:fixed;bottom:4rem;right:var(--site-guard-rail);border:none;width:3.625rem;height:3.625rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--card-background-color);box-shadow:#0000003d 0 3px 8px}#arrow-svg path{stroke:var(--svg-color)}#logo-svg rect{stroke:var(--svg-color)}#logo-svg path{fill:var(--svg-color)}#hamburger-svg line{stroke:var(--svg-color)}#moon-icon,.light #sun-icon{display:none}.light #moon-icon{display:block}@media screen and (min-width:636px){header nav{flex-basis:auto;margin-left:auto;display:block}#nav-items{flex-direction:row;gap:1rem;margin:0}#menu{display:none}}@media screen and (min-width:744px){:root{--site-guard-rail: 32px}#coursework-items,#project-items{grid-template-columns:1fr 1fr}}@media screen and (min-width:1440px){:root{--site-guard-rail: 160px}#introduction{justify-content:space-between;gap:2rem}#introduction img{display:inline-block}#about-me{flex-direction:row;justify-content:space-between}#coursework-items{grid-template-columns:1fr 1fr 1fr}}html.light{--font-color: black;--background-color: white;--header-background-color: #efefef;--header-nav-hover-background-color: white;--border-bottom-color: #dedede;--card-background-color: #efefef;--svg-color: black}body{margin:0}