main.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. body {
  2. margin: 0;
  3. background-color: #000;
  4. color: #fff;
  5. font-family: Monospace;
  6. font-size: 13px;
  7. line-height: 24px;
  8. overscroll-behavior: none;
  9. }
  10. a {
  11. color: #ff0;
  12. text-decoration: none;
  13. }
  14. a:hover {
  15. text-decoration: underline;
  16. }
  17. button {
  18. cursor: pointer;
  19. text-transform: uppercase;
  20. }
  21. canvas {
  22. display: block;
  23. }
  24. #info {
  25. position: absolute;
  26. top: 0px;
  27. width: 100%;
  28. padding: 10px;
  29. box-sizing: border-box;
  30. text-align: center;
  31. -moz-user-select: none;
  32. -webkit-user-select: none;
  33. -ms-user-select: none;
  34. user-select: none;
  35. pointer-events: none;
  36. z-index: 1; /* TODO Solve this in HTML */
  37. }
  38. a, button, input, select {
  39. pointer-events: auto;
  40. }
  41. .dg.ac {
  42. -moz-user-select: none;
  43. -webkit-user-select: none;
  44. -ms-user-select: none;
  45. user-select: none;
  46. z-index: 2 !important; /* TODO Solve this in HTML */
  47. }
  48. #overlay {
  49. position: absolute;
  50. z-index: 2;
  51. top: 0;
  52. left: 0;
  53. width: 100%;
  54. height:100%;
  55. display: flex;
  56. align-items: center;
  57. justify-content: center;
  58. opacity: 1;
  59. background-color: #000000;
  60. color: #ffffff;
  61. }
  62. #overlay > div {
  63. text-align: center;
  64. }
  65. #overlay > div > button {
  66. height: 20px;
  67. background: transparent;
  68. color: #ffffff;
  69. outline: 1px solid #ffffff;
  70. border: 0px;
  71. cursor: pointer;
  72. }
  73. #overlay > div > p {
  74. color: #777777;
  75. font-size: 12px;
  76. }