Advertisement
Josif_tepe

Untitled

Apr 21st, 2023
959
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.08 KB | None | 0 0
  1. *{
  2.     padding: 0;
  3.     margin: 0;
  4.     box-sizing: border-box;  
  5. }
  6. body {
  7.     color: orange;
  8.     font-family: 'Courier New', Courier, cursive;
  9. }
  10. h1 {
  11.     font-size: 54px;
  12.     text-transform: uppercase;
  13. }
  14. button {
  15.     padding: 10px 20px;
  16.     border-radius: 10px;
  17.     background-color: orange;
  18.     color: #333;
  19.     border-color: orange;
  20.     font-size: 18px;
  21.     font-weight: 600;
  22. }
  23. button:hover {
  24.     cursor: pointer;
  25.     transform: translateY(2px);
  26. }
  27. .container {
  28.     padding: 40px;
  29.     height: 100vh;
  30.     display: flex;
  31.     justify-content: center;
  32.     align-items: center;
  33.     flex-direction: column;
  34.     background-color: #37505C;
  35. }
  36. #gameboard {
  37.     width: 300px;
  38.     display: flex;
  39.     flex-wrap: wrap;
  40.     margin-top: 40px;
  41. }
  42. .box:nth-child(3n) {
  43.     border-right: none;
  44. }
  45. .box:nth-child(6) ~ .box {
  46.     border-bottom: none;
  47. }
  48. .box {
  49.     height: 100px;
  50.     width: 100px;
  51.     display: flex;
  52.     align-items: center;
  53.     justify-content: center;
  54.     color: orange;
  55.     font-size: 120px;
  56.     border-right: 2px solid;
  57.     border-bottom: 2px solid;
  58. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement