*{box-sizing:border-box}html,body{height:100%;margin:0;background-color:#1c1917}main{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.pad-container{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(2,100px);gap:10px}.pad-label{color:#000;text-shadow:0px 0px 4px rgba(0,0,0,.4);font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}button{height:100px;width:100px;border:3px solid white;border-radius:5px;cursor:pointer;opacity:.1}button.on{opacity:1}@media screen and (max-width:1024px)and (orientation:portrait){.pad-container{grid-template-columns:repeat(2,100px);grid-template-rows:repeat(4,100px)}}