main.css 721 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /* App-wide styling */
  2. body {
  3. background-color: #0f1116;
  4. color: #ffffff;
  5. font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  6. margin: 20px;
  7. }
  8. #hero {
  9. margin: 0;
  10. display: flex;
  11. flex-direction: column;
  12. justify-content: center;
  13. align-items: center;
  14. }
  15. #links {
  16. width: 400px;
  17. text-align: left;
  18. font-size: x-large;
  19. color: white;
  20. display: flex;
  21. flex-direction: column;
  22. }
  23. #links a {
  24. color: white;
  25. text-decoration: none;
  26. margin-top: 20px;
  27. margin: 10px 0px;
  28. border: white 1px solid;
  29. border-radius: 5px;
  30. padding: 10px;
  31. }
  32. #links a:hover {
  33. background-color: #1f1f1f;
  34. cursor: pointer;
  35. }
  36. #header {
  37. max-width: 1200px;
  38. }