.main{width:100vw;height:100vh;font-size:var(--font-lg);color:var(--secondary);background-color:#0000;grid-template-rows:1fr 8fr 4fr .5fr;grid-template-columns:repeat(3,minmax(0,1fr)) 1fr;grid-template-areas:"headerbar headerbar headerbar headerbar""login create play none""pad pad pad pad""footerbar footerbar footerbar footerbar";gap:5px;display:grid}.main div.headerBar{background-color:var(--foreground);grid-area:headerbar;justify-content:space-between;height:70px;padding-left:10px;padding-right:10px;display:flex}.headerBar ul{gap:20px;display:flex}.headerBar ul li a{display:block}.headerBar ul li a:hover{background-color:var(--accent-foreground)}.headerBar div.account{font-size:var(--font-sm);text-align:right}.log:hover{background-color:var(--accent-foreground);cursor:pointer}.main div.footerbar{background-color:var(--foreground);height:30px;font-size:var(--font-xsm);grid-area:footerbar;align-self:end}