* {margin: 0%;padding: 0%;}html , body {height: 100%;font-family: 'Inter' , serif;}body {display: flex;flex-flow: column wrap;justify-content: space-evenly;align-items: center;background: #000;}h1{color: #57ffb9;}h1 a {color: #7866ff;text-decoration: none;transition: all 500ms;}h1 a:hover {color: #A3A7E4;}table {border: 2px solid #7866ff;border-radius: 5px;}tr {display: flex;justify-content: center;}td , th {width: 50px;height: 50px;border: 2px solid #7866ff;font-size: 26px;display: flex;justify-content: center;align-items: center;margin: 2.5px;cursor: pointer;user-select: none;border-radius: 5px;color: #7866ff;}td:active , th:active {border-color: #f00;color: #f00;}#space {width: 300px;}#display {padding: 5px;line-height: 1.5;width: 850px;height: 300px;border: 3px solid #7866ff;color: #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}.shift {width: 80px;}