themeStyle.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
  2. @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
  3. * {
  4. list-style: none;
  5. text-decoration: none;
  6. }
  7. a {
  8. opacity: 1;
  9. }
  10. body {
  11. height: 200vh;
  12. }
  13. .link-btn {
  14. margin: 0 !important;
  15. padding: 0.35rem 1rem !important;
  16. background: rgb(0, 38, 136);
  17. border-color: rgb(0, 38, 136);
  18. border-width: 2px;
  19. font-size: 0.9rem;
  20. font-weight: 600;
  21. box-shadow: none;
  22. }
  23. .link-btn:hover {
  24. opacity: 1;
  25. background: rgb(255, 255, 255);
  26. color: rgb(0, 38, 136);
  27. }
  28. #navbar {
  29. position: fixed;
  30. top: 0;
  31. left: 0;
  32. width: 100%;
  33. padding: 0.75rem 0;
  34. font-family: "Poppins", sans-serif;
  35. }
  36. #navbar .container-fluid {
  37. display: flex;
  38. justify-content: space-between;
  39. align-items: center;
  40. }
  41. @media screen and (max-width: 768px) {
  42. #navbar .container-fluid {
  43. flex-direction: column;
  44. }
  45. }
  46. #navbar .nav-icons {
  47. display: flex;
  48. align-items: center;
  49. }
  50. @media screen and (max-width: 768px) {
  51. #navbar .nav-icons {
  52. justify-content: space-between;
  53. width: 100%;
  54. }
  55. }
  56. #navbar .navbar-brand {
  57. height: 3.5rem;
  58. }
  59. #navbar .navbar-brand img {
  60. height: 100%;
  61. }
  62. #navbar .res-btn {
  63. font-size: 1.2rem;
  64. padding: 0.25rem;
  65. background: unset;
  66. color: rgb(0, 0, 0);
  67. border: none;
  68. margin: 0;
  69. width: unset;
  70. height: -moz-fit-content;
  71. height: fit-content;
  72. width: -moz-fit-content;
  73. width: fit-content;
  74. display: none;
  75. }
  76. #navbar .res-btn:focus {
  77. box-shadow: none;
  78. }
  79. @media screen and (max-width: 768px) {
  80. #navbar .res-btn {
  81. display: block;
  82. }
  83. }
  84. #navbar .nav-links {
  85. display: flex;
  86. justify-content: center;
  87. align-items: center;
  88. gap: 0.75rem;
  89. }
  90. @media screen and (max-width: 768px) {
  91. #navbar .nav-links {
  92. flex-direction: column;
  93. justify-content: flex-start;
  94. }
  95. }
  96. #navbar .nav-links li {
  97. margin: unset;
  98. padding: unset;
  99. }
  100. #navbar .link-item {
  101. padding: 0.25rem 0.5rem;
  102. margin: unset;
  103. color: rgba(0, 0, 0, 0.8);
  104. font-size: 0.9rem;
  105. font-weight: 500;
  106. background: transparent;
  107. }
  108. #navbar .link-item:hover {
  109. color: rgb(0, 38, 136);
  110. }/*# sourceMappingURL=themeStyle.css.map */