body{background:hsl(var(--orange-0-hsl))}.title-bar{padding:var(--size-fluid-1) var(--size-fluid-3);position:sticky;top:0;z-index:2}.home-page{grid-gap:var(--size-4);display:grid;gap:var(--size-4)}.profile-picture{display:grid;justify-content:center;position:sticky;top:var(--size-3)}.content-wrapper{--triangle-height:var(--size-fluid-8);display:grid;grid-template-areas:"parts";position:relative;z-index:1}.content-background{background:hsl(var(--green-3-hsl));-webkit-clip-path:polygon(0 var(--triangle-height),100% 0,100% 100%,0 100%);clip-path:polygon(0 var(--triangle-height),100% 0,100% 100%,0 100%);display:grid;grid-area:parts;grid-template-rows:1fr;height:calc(100vh - var(--size-fluid-4));position:sticky;top:var(--size-fluid-4);width:100%}.content{display:grid;grid-area:parts;grid-template-columns:min(60ch,calc(100% - var(--size-fluid-4)));justify-content:center;margin-top:var(--triangle-height);padding-bottom:var(--size-8);padding-top:var(--size-4);position:relative}project-content{background:hsl(var(--gray-0-hsl))}