:root{--app-button-border-color:#e3e3e3}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}a:visited{color:#b7410e}.app-fade-in-animation{animation-name:app-fade-in;animation-duration:3s;animation-iteration-count:1}body{box-sizing:border-box;color:#000;background-color:#b7410e;margin:0 auto;padding:1rem;font-family:Georgia}.box{box-sizing:border-box;background:#fff;border-radius:1rem;margin:0 auto;padding:1rem}.box>:first-child{margin-top:0}.box>:last-child{margin-bottom:0}.col-1{grid-area:2/1;display:grid}.col-2{grid-area:1/1;display:grid}.col-3{grid-area:3/1;display:grid}.frame{box-sizing:border-box;grid-column-gap:1rem;grid-row-gap:2rem;background:#000;border-radius:1rem;grid-template-columns:minmax(auto,calc(600px + 4rem));min-width:16rem;max-width:calc(600px + 4rem);margin:0 auto;padding:1rem;display:grid}footer,header{text-align:center}@media (min-width:calc(600px + 24rem)){.frame{grid-template-columns:24rem auto;max-width:calc(600px + 48rem)}.col-1{grid-area:1/1}.col-2{grid-area:1/2/4}.col-3{grid-area:2/1}}@media (min-width:calc(600px + 48rem)){.frame{grid-template-columns:24rem auto 24rem;max-width:calc(600px + 48rem)}.col-1{grid-area:1/1/3}.col-2{grid-area:1/2/4}.col-3{grid-area:1/3}}