html body{font-family:Arial,Helvetica,sans-serif;margin:0}html body header{position:fixed;top:0;width:100%;max-width:100vw;height:1rem;z-index:999}html body header>div{background-color:#fff;text-align:center;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #ccc}html body main{margin-top:calc(4.2rem + 2px + 1rem);margin-bottom:calc(7.2rem + 2px)}html body main>div>section{margin-left:auto;margin-right:auto}html body footer{transition:opacity .3s,transform .2s;position:fixed;opacity:1;top:calc(100dvh - 3rem - 1.2rem - 2px);width:100%;max-width:100vw;z-index:999}html body footer>div{background-color:#fff;text-align:center;margin-top:1rem;padding-top:1rem;padding-bottom:1rem;border-top:1px solid #ccc}section.title{display:flex;justify-content:space-between;align-items:center}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.flex{display:flex}.justify-center{justify-content:center}.w-screen{width:100vw}.w-full{width:100%}.max-w-1\/2{max-width:50%}.max-w-2\/3{max-width:66.6666666667%}