body{
	display: grid;
      grid-template-columns: 15% auto 15%;
		grid-template-areas: 'left center right' 'left footer right';
		gap: var(--gap);
	margin: var(--gap);
   text-align: center;
}

p, ol, ul, li, blockquote, figcaption{
	max-width: 50ch;
}

main{
   grid-area: center;
}

main.texture{
   padding: 3.33svw!important;
   box-shadow: var(--shadow-elevation-medium);
}

main.texture > div >*{
   filter: var(--drop-text-shadow);
}

.side:first-of-type{
   grid-area: left;
}

.side:last-of-type{
   grid-area: right;
}

.side{
   height: var(--full-height);
   position: sticky;
      top: var(--gap);
      align-self: start;
	display: grid;
		grid-template-rows: repeat(3, 33%);
		justify-content: center;
		justify-items: center;
		align-items: center;
		align-content: space-between;
   filter: var(--drop-shadow-medium);
}

.side img{
   max-width: 100%;
   max-height: 90%;
}

footer{
   filter: var(--drop-shadow-low);
}