style.css 979 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .main {
  2. align-items: center;
  3. flex-direction: column;
  4. }
  5. .main-title {
  6. width: 440px;
  7. }
  8. .lang {
  9. display: flex;
  10. justify-content: space-between;
  11. width: 55px;
  12. color: #d1d1d1;
  13. }
  14. .faq-content {
  15. width: 700px;
  16. color: #d1d1d1;
  17. margin-top: 25px;
  18. }
  19. .faq-content > .faq-note-theme {
  20. display: flex;
  21. align-items: center;
  22. font-size: 30px;
  23. cursor: pointer;
  24. user-select: none;
  25. margin-top: 20px;
  26. }
  27. .faq-content > .faq-note-content {
  28. font-size: 20px;
  29. border-left: 1px solid #d1d1d1;
  30. padding: 0 10px;
  31. margin-bottom: 10px;
  32. margin-left: 10px;
  33. background-color: #0004;
  34. }
  35. .faq-content > .faq-note-theme > .collapsed-icon {
  36. background: url(/img/chevron.svg);
  37. transform: rotate(90deg);
  38. width: 30px;
  39. height: 30px;
  40. background-size: cover;
  41. margin-right: 5px;
  42. display: inline-block;
  43. transition: transform 0.2s ease-in-out;
  44. }
  45. .faq-content > .faq-note-theme.collapsed > .collapsed-icon {
  46. transform: rotate(0deg);
  47. }
  48. span.list-spacing {
  49. width: 20px;
  50. display: inline-block;
  51. }