base.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .header {
  2. font-size: 3em;
  3. color: white;
  4. background: #404040;
  5. text-align: center;
  6. height: 2.5em;
  7. text-shadow: 4px 4px 4px black;
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. }
  12. #error {
  13. font-size: 2em;
  14. color: red;
  15. height: 50px;
  16. text-shadow: 2px 2px 2px black;
  17. margin: 2em;
  18. display: none;
  19. }
  20. .container {
  21. width: 100% !important;
  22. height: 100% !important;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. flex-direction: column;
  27. position: absolute;
  28. }
  29. .visible {
  30. display: block;
  31. }
  32. #target {
  33. width: 100% !important;
  34. height: 100% !important;
  35. position: absolute;
  36. }
  37. .guiRoot {
  38. position: fixed;
  39. top: 0px;
  40. left: 0px;
  41. cursor: pointer;
  42. z-index: 10000;
  43. }
  44. .guiBox {
  45. background: #0b1e2a;
  46. mix-blend-mode: screen;
  47. border-radius: 5px;
  48. border-style: double;
  49. border-color: #173869;
  50. height: 80px;
  51. width: 120px;
  52. }
  53. .guiBigText {
  54. font-family: 'Teko', sans-serif;
  55. font-size: 2em;
  56. color: #e3f9ff;
  57. mix-blend-mode: lighten;
  58. }
  59. .guiSmallText {
  60. font-family: 'Teko', sans-serif;
  61. font-size: 1em;
  62. color: #e3f9ff;
  63. mix-blend-mode: lighten;
  64. }
  65. .vertical {
  66. display: flex;
  67. flex-direction: column;
  68. margin-left: 1em;
  69. }
  70. body {
  71. background: #000000;
  72. margin: 0;
  73. padding: 0;
  74. overscroll-behavior: none;
  75. }