body {  
  overflow-y: scroll;
  color: #f0f6fc;
  background-color: #000000;
  font-family: 'Poppins', sans-serif;
}




/* scroll bars  */
@supports (scrollbar-width: none) and (scrollbar-color: none) {  * {scrollbar-width: auto; scrollbar-color: auto; }}
/* chrome, safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {::-webkit-scrollbar {width: 10px; background: transparent;} ::-webkit-scrollbar-thumb {background: rgba(122, 122, 122, 0.507); border-radius: 5px;}}
/* firefox */
@supports not (scrollbar-width: none) {* {scrollbar-width: thin; scrollbar-color: rgba(122, 122, 122, 0.507) transparent;}}
/* internet Explorer, edge */
*::-webkit-scrollbar {width: 0.5rem; background: transparent;} *::-webkit-scrollbar-thumb {background: rgba(122, 122, 122, 0.507); border-radius: 0.25rem; }