@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Source+Sans+Pro:wght@400;600;700&display=swap";:root{--taupe:#7f6259;--periwinkle:#f0f2fa;--cadet:#343547;--rose:#c29191;--independence:#4b4e63}html{font-size:16px}body{background-color:var(--periwinkle);color:var(--cadet);font-family:Source Sans pro;font-weight:400}a,a:visited{text-underline-offset:4px;color:inherit;font-weight:600;text-decoration:underline}a:hover{color:var(--rose);cursor:pointer;text-decoration:none}h1,h2{font-family:Playfair Display;font-weight:400}h1{font-size:3rem;line-height:4.5rem}h2{margin-top:auto;margin-bottom:auto;font-size:2rem;line-height:3.5rem}bold{font-weight:600}.App{max-width:750px;margin-left:auto;margin-right:auto}.rose{color:var(--rose)}.landing-hero{margin-top:5rem}.picture{align-items:center;width:100%;margin-left:auto;margin-right:auto;display:flex}#profile-pic{max-width:80vw}.container{width:100%;display:flex}.grid{display:grid}.span-full{grid-column:span 2;padding:0 2rem}.skills{grid-row-gap:5rem;grid-column-gap:1.5rem;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,50%);margin-top:8rem;display:grid}.text-right{text-align:right}.skillset{color:var(--taupe);font-size:1rem;line-height:1.5rem}.footer{color:var(--rose);grid-column:span 2/span 2;margin:10rem auto 1rem;font-family:Playfair Display}.blog-header{margin-top:5rem;margin-bottom:3rem}.back-link{margin-bottom:2rem;font-family:Source Sans Pro;font-size:.9rem;display:inline-block}.substack-link{color:var(--taupe);margin-top:.5rem;font-size:.9rem;display:block}.blog-status{color:var(--taupe);margin-top:2rem}.blog-list{margin-top:2rem;margin-bottom:8rem}.blog-post{border-bottom:1px solid #e0d0d0;margin-bottom:4rem;padding-bottom:4rem}.blog-post:last-child{border-bottom:none}.blog-post-image{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:1.5rem;display:block}.blog-post h2{margin-top:0;margin-bottom:.25rem}.blog-date{color:var(--rose);margin-bottom:1rem;font-family:Playfair Display;font-size:.9rem;display:block}.blog-excerpt{color:var(--taupe);margin:0;line-height:1.6rem}@media screen and (width<=580px){html{font-size:12px}h2{font-size:2.5rem;line-height:3.5rem}.skillset{font-size:1.5rem;line-height:2.25rem}}