body>*,h1,h2,h3,h4,h5,h6{font-family:"Comic Sans MS", "Comic Sans", handwriting;}
body{
	display:grid;
	grid-template-columns:minmax(0px,100px) minmax(320px,1fr) 100px;
	grid-template-rows:max-content max-content 100px;
	min-height:100%;}
.advertsL,.advertsR,header,main,footer{place-self: stretch;}
.advertsL{grid-area:1/1/4/2;}.advertsR{grid-area:1/3/4/4;}
.advertsL,.advertsR{background:#FF0;}
header{grid-area:1/2/2/3;}main{grid-area:2/2/3/3;}footer{grid-area:3/2/4/3;}
img{max-width:100%;height:auto;}
.side-images{position:sticky;top:0px;height:100vh;list-style:none;}
.side-images>img{height:100px;width:100px;}
header{background:#F00;line-height:.3;}
#extremelycool{mix-blend-mode:lighten;}
header section{border:20px outset #FF0;color:#FF0;background:#00F;overflow:auto;clear:both;}
h1,h2,h3,h4,h5,h6{color:white;text-shadow:0 0 .25em #000;}
header section aside{width:max(calc(280px - 2em),50%);margin:1em;border:20px inset #FF0;overflow:auto;}
.left{float:left;}.right{float:right;}
header p{padding:1em;font-size:1.1em;line-height:1.5;text-indent:5em;}
main section{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(320px,1fr));
	grid-template-rows:repeat(auto-fill, minmax(480px,1fr));
	place-items:stretch;
	background:#BBB;
	overflow:auto;}
main section>*{border:5px outset #DDD;border-radius:20px;background:#DDD;text-align:center;}
main section article h2{margin:.3em 0 .7em 0;line-height:.3;}
main section article aside{position:absolute;width:auto;padding:.25em;color:#FF0;background:#F00;}
main article :is(img,svg){width:60%;aspect-ratio:1/1;border:5px inset #DDD;border-radius:20px;}
main article p{padding:.75em;text-align:left;line-height:1.2;}
span.boodle{font-weight:bolder;color:var(--boodle);text-shadow:0 0 4px #FFF;}
#Twitter,#Twitter img{border-color:#333;color:#FFF;background:#444;}
#Twitter h2{color:#1AF;}
#Punishment,#Punishment img{border-color:#FDD;background:#FBB;}
#Punishment h2{color:#F00;}
footer{overflow:hidden;font-size:1.5em;color:#F00;background:#0F0;text-align:center;}