style.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');
  2. html,
  3. body {
  4. height: 100%;
  5. }
  6. * {
  7. padding: 0px;
  8. margin: 0px;
  9. }
  10. body {
  11. background-color: #fff;
  12. font-family: 'Manrope', sans-serif;
  13. }
  14. ::-webkit-scrollbar {
  15. width: 10px;
  16. }
  17. ::-webkit-scrollbar-track {
  18. background: #eee;
  19. }
  20. ::-webkit-scrollbar-thumb {
  21. background: #888;
  22. }
  23. ::-webkit-scrollbar-thumb:hover {
  24. background: #555;
  25. }
  26. .scroll {
  27. overflow-y: scroll;
  28. scroll-behavior: smooth;
  29. /* height: 325px */
  30. height: 425px;
  31. }
  32. .card {
  33. background-color: #eee;
  34. border-radius: 10px;
  35. }
  36. .main {
  37. position: relative;
  38. padding: 6px 0px 0px 0px;
  39. }
  40. .name {
  41. font-size: 14px;
  42. }
  43. .msg {
  44. background-color: #fff;
  45. font-size: 16px;
  46. padding: 5px 10px;
  47. border-radius: 5px;
  48. font-weight: 500;
  49. color: #3e3c3c;
  50. }
  51. .between {
  52. font-size: 14px;
  53. font-weight: 500;
  54. color: #a09e9e;
  55. padding: 10px 0;
  56. }
  57. .navbar {
  58. border-bottom-left-radius: 8px;
  59. border-bottom-right-radius: 8px;
  60. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
  61. }
  62. .form-control:focus {
  63. box-shadow: none;
  64. }