#home_grid{display:grid;padding:.75rem;gap:.5rem;place-items:stretch;grid-template-columns:repeat(2,1fr);grid-template-areas:"logo eyes" "intro projects" "career projects" "about about" "blog vouch" "other links"}.grid-box{--tw-border-opacity: 1;border-color:rgb(186 50 50 / var(--tw-border-opacity, 1));min-width:-moz-min-content;min-width:min-content;width:auto;border-width:2px;padding:8px;box-sizing:border-box;aspect-ratio:1}.grid-box h3{--tw-text-opacity: 1;color:rgb(186 50 50 / var(--tw-text-opacity, 1));font-size:1.25rem;font-weight:500;margin-bottom:.375rem}#hero-tag{--tw-rotate: -3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:1px;--tw-border-opacity: 1;border-color:rgb(186 50 50 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 242 211 / var(--tw-bg-opacity, 1));font-family:Georgia,serif;--tw-text-opacity: 1;color:rgb(186 50 50 / var(--tw-text-opacity, 1))}.group:hover #hero-tag{--tw-rotate: -1deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#hero-tag{position:absolute;font-size:.667rem;width:3.6rem;border-radius:9999px;font-style:italic;transition:ease-in-out .3s;top:94%;left:50%;box-shadow:0 0 0 2px #fff2d3}#eyes{grid-area:eyes;display:flex;justify-content:center;align-items:center;overflow:hidden}#logo{grid-area:logo;text-align:center;position:relative;display:flex;justify-content:center;align-items:center}#logo h1{font-size:1.875rem;line-height:2.25rem}#intro{grid-area:intro}#about{grid-area:about}#projects{grid-area:projects}#vouch{grid-area:vouch}#career{grid-area:career}#blog{grid-area:blog}#other{grid-area:other}#links{grid-area:links}#about,#links,#career,#other{aspect-ratio:unset}@media only screen and (min-width: 640px){#home_grid{padding:1.5rem;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-areas:"logo eyes about" "projects intro about" "projects blog career" "vouch other links"}#hero-tag{font-size:.75rem;width:4.2rem}#logo h1{font-size:2.25rem;line-height:2.5rem}.grid-box{padding:.75rem}.grid-box h3{margin-bottom:.5rem}#intro,#career,#other{aspect-ratio:1}#about,#projects{aspect-ratio:unset}}