Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *{
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- :root {
- --winning-blocks: #000;
- --idle-block : #7b8d96;
- }
- body {
- color: orange;
- font-family: 'Courier New', Courier, cursive;
- }
- h1 {
- font-size: 54px;
- text-transform: uppercase;
- }
- button {
- padding: 10px 20px;
- border-radius: 10px;
- background-color: orange;
- color: #333;
- border-color: orange;
- font-size: 18px;
- font-weight: 600;
- }
- button:hover {
- cursor: pointer;
- transform: translateY(2px);
- }
- .container {
- padding: 40px;
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- background-color: #37505C;
- }
- #gameboard {
- width: 300px;
- display: flex;
- flex-wrap: wrap;
- margin-top: 40px;
- }
- .box:nth-child(3n) {
- border-right: none;
- }
- .box:nth-child(6) ~ .box {
- border-bottom: none;
- }
- .box {
- height: 100px;
- width: 100px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: orange;
- font-size: 120px;
- border-right: 2px solid;
- border-bottom: 2px solid;
- transition: 200ms;
- }
- .box:hover{
- background-color: #7b8d96;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement