style-dark.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. ::root {
  2. --inputColor: black;
  3. }
  4. body {
  5. background-color: #2a2b2b;
  6. color: white;
  7. font-family: verdana, arial, sans-serif;
  8. overflow-x: hidden;
  9. }
  10. span {
  11. color: #f218ee;
  12. }
  13. #bodyHeader {
  14. margin-top: 10vh;
  15. text-align: center;
  16. }
  17. .bodyText {
  18. text-align: center;
  19. }
  20. .container {
  21. text-align: center;
  22. align-items: center;
  23. justify-content: center;
  24. }
  25. footer {
  26. text-align: center;
  27. align-items: center;
  28. justify-content: center;
  29. width: 100vw;
  30. height: 10vh;
  31. color: white;
  32. background-color: #1f2120;
  33. position: fixed;
  34. bottom: 0;
  35. }
  36. #footerText {
  37. margin: 10px;
  38. padding: 10px;
  39. }
  40. .sep:before {
  41. content: "\f004 ";
  42. }
  43. a {
  44. text-decoration: none;
  45. color: #12e8b9;
  46. }
  47. #inputWrapper {
  48. align-items: center;
  49. text-align: center;
  50. justify-content: center;
  51. }
  52. input, button {
  53. outline: none;
  54. color: white;
  55. background-color: #1f2120;
  56. border: 1px solid #1f2120;
  57. height: 4vh;
  58. border-radius: 10px;
  59. }
  60. input {
  61. outline: none;
  62. color: white;
  63. background-color: #1f2120;
  64. border: 1px solid #1f2120;
  65. width: 35vw;
  66. height: 4vh;
  67. margin: 10px;
  68. }
  69. img {
  70. max-width: 25vw;
  71. max-height: 25vw;
  72. height: auto;
  73. width: auto;
  74. border-radius: 10px;
  75. box-shadow: 5px 5px 5px black;
  76. }