Discord bot
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

Home.module.css 1.8 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. .container {
  2. min-height: 100vh;
  3. padding: 0 0.5rem;
  4. display: flex;
  5. flex-direction: column;
  6. justify-content: center;
  7. align-items: center;
  8. }
  9. .main {
  10. padding: 5rem 0;
  11. flex: 1;
  12. display: flex;
  13. flex-direction: column;
  14. justify-content: center;
  15. align-items: center;
  16. }
  17. .footer {
  18. width: 100%;
  19. height: 100px;
  20. border-top: 1px solid #eaeaea;
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. }
  25. .footer img {
  26. margin-left: 0.5rem;
  27. }
  28. .footer a {
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. }
  33. .title a {
  34. color: #0070f3;
  35. text-decoration: none;
  36. }
  37. .title a:hover,
  38. .title a:focus,
  39. .title a:active {
  40. text-decoration: underline;
  41. }
  42. .title {
  43. margin: 0;
  44. line-height: 1.15;
  45. font-size: 4rem;
  46. }
  47. .title,
  48. .description {
  49. text-align: center;
  50. }
  51. .description {
  52. line-height: 1.5;
  53. font-size: 1.5rem;
  54. }
  55. .code {
  56. background: #fafafa;
  57. border-radius: 5px;
  58. padding: 0.75rem;
  59. font-size: 1.1rem;
  60. font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
  61. Bitstream Vera Sans Mono, Courier New, monospace;
  62. }
  63. .grid {
  64. display: flex;
  65. align-items: center;
  66. justify-content: center;
  67. flex-wrap: wrap;
  68. max-width: 800px;
  69. margin-top: 3rem;
  70. }
  71. .card {
  72. margin: 1rem;
  73. flex-basis: 45%;
  74. padding: 1.5rem;
  75. text-align: left;
  76. color: inherit;
  77. text-decoration: none;
  78. border: 1px solid #eaeaea;
  79. border-radius: 10px;
  80. transition: color 0.15s ease, border-color 0.15s ease;
  81. }
  82. .card:hover,
  83. .card:focus,
  84. .card:active {
  85. color: #0070f3;
  86. border-color: #0070f3;
  87. }
  88. .card h3 {
  89. margin: 0 0 1rem 0;
  90. font-size: 1.5rem;
  91. }
  92. .card p {
  93. margin: 0;
  94. font-size: 1.25rem;
  95. line-height: 1.5;
  96. }
  97. .logo {
  98. height: 1em;
  99. }
  100. @media (max-width: 600px) {
  101. .grid {
  102. width: 100%;
  103. flex-direction: column;
  104. }
  105. }