main{width:100vw;height:90vh;display:grid;place-items:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}h1{text-align:center;margin:10px 0}p{font-size:2rem;font-weight:500;--user-name-color: #000;color:var(--user-name-color)}button{font-size:2rem;padding:20px;border-radius:5px;background-color:#f0f0f0;border:none;box-shadow:0 0 10px #00000080}button:hover{background-color:#e0e0e0;box-shadow:0 0 10px #0000001a}button:active{background-color:#7fffd4;box-shadow:0 0 10px #00ffffe6}:root{margin:0;transition:all .5s}a{text-decoration:inherit}*{margin:0;font-family:Noto Sans JP,sans-serif}