.tile{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:#8f2b85;color:#fff;font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;transition:background-color .3s}.tile:hover{background-color:#8e9718}.App{display:flex;flex-direction:column;align-items:center;padding:20px}.grid{display:grid;grid-template-columns:repeat(7,80px);grid-gap:10px}.output{margin-top:30px;font-size:24px;font-weight:600;font-family:Arial,sans-serif}