:root{--border-width: 0}*{margin:0;padding:.5rem;box-sizing:border-box}body,html{height:100%;display:flex;flex-direction:column;font-family:Noticia Text,serif;font-size:16px;color:#444;padding:0;background-repeat:repeat;background-size:auto;background-position:top left}header,footer{flex:0 0 auto;padding:0rem 1rem;text-align:center}header .corner-image{position:absolute;top:0;width:8rem;height:auto;filter:invert(100%) brightness(.5)}header .corner-image.left{left:0;transform:scaleX(-1)}header .corner-image.right{right:0}header h1{margin:.5rem 0 0;font-size:3rem}header h2{margin:0 0 1rem;font-size:1.5rem;color:#888}footer{border-bottom:none}footer h3{margin:.25rem 0 0;color:#888}#titles{margin-bottom:.5rem;padding:0rem}.main-container{flex:1;display:flex;flex-direction:row;justify-content:center;gap:1rem;padding:1rem}.column{flex:1;margin:0;border:var(--border-width) solid #faa;border-radius:0;display:flex;flex-direction:column}.left-column,.right-column{max-width:20%}.center-column{flex:1;display:flex;flex-direction:column;max-width:50vh;padding:0}.divider{position:relative;height:.125rem;background-color:transparent;margin:0}#holder{margin:auto;padding:0;width:100%;position:relative;aspect-ratio:1 / 1;box-shadow:0 0 .5rem #000}#holder canvas{background:transparent;width:100%!important;height:auto!important;padding:.125rem;outline:none;display:block}@media (max-width: 768px){body,html{font-size:12px}header h1{margin:.5rem 0 0;padding:0;font-size:2rem}header h2{margin:0;padding:0;font-size:1.5rem;color:#888}}