changelog.css 930 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /* Variables */
  2. :root {
  3. --primary: #ff4444;
  4. --accent: #581111;
  5. --background: #111;
  6. --secondary: #272727;
  7. --tertiary: #424242;
  8. --lightGrey: #999;
  9. --white: #fff;
  10. }
  11. /* Window Styling */
  12. html,
  13. body {
  14. background-color: var(--background);
  15. color: var(--white);
  16. min-width: 300px;
  17. margin: 0;
  18. font-family: "Roboto", Arial, Helvetica, sans-serif;
  19. font-size: 16px;
  20. }
  21. img {
  22. border-radius: 1rem;
  23. box-shadow: 0 0 2rem 0 black;
  24. margin: 1rem -1rem;
  25. }
  26. button {
  27. color: var(--white);
  28. background: var(--secondary);
  29. cursor: pointer;
  30. padding: 5px 16px;
  31. border: none;
  32. border-radius: 4px;
  33. font-weight: 500;
  34. /* box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%),
  35. 0 1px 10px 0 rgb(0 0 0 / 12%); */
  36. transition: 0.4s;
  37. font-size: 16px;
  38. }
  39. button:hover {
  40. background: #444;
  41. }
  42. .container {
  43. display: flex;
  44. flex-direction: row;
  45. justify-content: center;
  46. padding: 4rem 0;
  47. }